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

【问题标题】：My site is showing up as desktop on mobile我的网站在移动设备上显示为桌面
【发布时间】：2015-12-02 13:59:32
【问题描述】：

我刚刚使用 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>

【问题讨论】：

标签： javascript css twitter-bootstrap mobile responsive-design

【解决方案1】：

您的网站中没有 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。没有这个，现代手机将显示与桌面相同的布局。

【讨论】：

天啊！我完全错过了。非常感谢！
是的，当然！我本来打算早点做的，但它说我必须等一会儿才能接受你的回答。再次感谢。 :-)

【解决方案2】：

如果您使用 GoDaddy 并为域启用了“带屏蔽转发”，则站点将使用 iFrame 转发。这将导致您的响应式移动网站在 iPhone 上显示为桌面版本。这是一个很棒的资源（博客），我发现它可以向您展示在使用 AWS 和 GoDaddy 作为托管服务提供商时如何正确设置域转发。

【讨论】：