Android 网站没有'；t在移动屏幕上安装全屏

当我在任何安卓手机上测试我的开发网站时，该网站不适合在手机屏幕上全屏显示。附件是快照。我只是想让手机更方便

我正在使用wordpress和Twitter Boostrap来创建我的网站。在我的头标签上，我在互联网上找到了一些移动友好网站的元标签。请注意，这不是一个响应性网站

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1">

请帮忙

---

我最近在平板电脑/手机上遇到了同样的问题，并通过以下代码片段修复了这个问题

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    @-webkit-viewport { width: device-width; }
    @-moz-viewport { width: device-width; }
    @-ms-viewport { width: device-width; }
    @-o-viewport { width: device-width; }
    @viewport { width: device-width; }
</style>
<script>
    // Important for windows phone 8
    if (navigator.userAgent.match(/IEMobile\/10\.0/))
    {
        var msViewportStyle = document.createElement("style");
        msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
        document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
    }
</script>

@-webkit视口{宽度：设备宽度；}
@-moz视口{width:设备宽度；}
@-ms视口{宽度：设备宽度；}
@-o-视口{宽度：设备宽度；}
@视口{宽度：设备宽度；}
//windows phone 8的重要信息
if（navigator.userAgent.match（/IEMobile\/10\.0/）
{
var msViewportStyle=document.createElement（“样式”）；
appendChild（document.createTextNode（“@-ms viewport{width:auto！important}”）；
document.getElementsByTagName（“head”）[0].appendChild（msViewportStyle）；
}

确保您使用的是Bootstrap附带的响应类，以便在Bootstrap框架内进行设计。在Bootstrap中，所有内容都位于一个12“列”的网格上，然后根据该网格进行拆分

在Bootstrap 2.x中

<div class="container">
  <div class="row">
    <div class="span6">
      Content here
    </div>
    <div class="span6">
      Content here
    </div>
  </div>
</div>

满足于此
满足于此

将生成两个横跨页面宽度的div

在Bootstrap3中，他们稍微更改了类名以适应不同的窗口大小。同样的例子，如果您使用的是移动设备，则可能是：

<div class="container">
  <div class="row">
    <div class="col-xs-6">
      Content here
    </div>
    <div class="col-xs-6">
      Content here
    </div>
  </div>
</div>

满足于此
满足于此

您可以通过以下步骤删除引导3中的响应：

---

更多信息可以在这里找到：

我知道这是一个老问题，但由于它出现在谷歌上，我想我会分享我提出的解决方案，以防其他人需要它：

---

如果你的网站没有响应，你不需要额外的元标签在标题。尝试移除它们，它应该会按预期工作

如果您正在设计一个响应性站点，但希望在移动设备中“固定”站点的宽度，即最大宽度为800px，我发现我唯一的解决方案是更新初始规模大小。对我来说效果不错的是这样的，注意“初始刻度”值：

---

希望这对别人有帮助

您是否有指向页面的链接或要演示的小提琴？在容器/包装上添加最小宽度。如果容器宽度不是基于百分比，则它将不起作用。搜索媒体查询教程以更好地理解。也有可能您有一个rogue元素太宽，因此会在页面的一侧添加边距。在这种令人沮丧的情况下，我通常会首先添加样式

*{border:1px solid red；}

，以直观地确定是否是这种情况，然后对每个元素进行操作（尝试和错误），直到找到有问题的元素。

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