我的网站在移动设备上显示为桌面版

问题描述：

我刚刚创建了一个使用BootStrap的网站，我不确定桌面版为什么显示在移动设备上。这会发生什么可能的原因？我确保在我的HTML文件中链接了所有必需的BootStrap文件，包括“Bootstrap.min.css”，“Bootstrap.min.js”和jquery链接。这是site。提前致谢。我的网站在移动设备上显示为桌面版

<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel"> 
    <ol class="carousel-indicators"> 
     <li data-target="#carousel" data-slide-to="0" class="active"></li> 
     <li data-target="#carousel" data-slide-to="1"></li> 
     <li data-target="#carousel" data-slide-to="2"></li> 
    </ol> 
    <!-- Carousel items --> 
    <div class="carousel-inner pull-right" > 
     <div class="active item"> 

      <img src="" class="img-responsive pull-left"> 
     </div> 
     <div class="item"> 
      <img src="" class="img-responsive pull-left"> 
     </div> 
     <div class="item"> 
      <img src="" class="img-responsive pull-left"> 
     </div> 
    </div>

答

有没有viewport元标记在您的网站。补充一点：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

并防止用户放大或缩小，以此来锁定变焦（你应该这样做）：

<meta name="viewport" content="initial-scale=1, maximum-scale=1" />

更多信息：Using the viewport meta tag to control layout on mobile browsers。没有这个，现代手机将显示与桌面相同的布局。

OMG！我完全错过了。非常感谢！ –

当然可以！我早些时候会这样做，但它说我必须等一会儿才能接受你的答案。再次感谢。 :-) –

答

如果您正在使用GoDaddy并为该域启用了“向前转发并屏蔽”，则该站点将使用iFrames转发。这会使您的自适应移动网站在iPhone上显示为桌面版本。这里有一个很好的资源（博客），我发现它可以告诉你如何在使用AWS和GoDaddy作为你的托管服务提供商时正确设置域名转发。 OMG！

我的网站在移动设备上显示为桌面版

相关推荐