网站无法在移动屏幕上显示全屏

Question

[当我在任何Android手机上测试开发网站时，该网站都无法在手机屏幕上全屏显示。附件为快照。我只是想使其变得移动友好。

我正在将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">

请帮助？

[当我在任何Android手机上测试开发网站时，该网站都无法在手机屏幕上全屏显示。附件为快照。我只是想使其变得移动友好。我是...

Answer 1

[如果您要设计一个自适应站点，但想“固定”移动设备中的站点宽度，即最大宽度为800像素，我发现我唯一的解决方案是更新初始比例尺大小。对我有用的是这样的东西，请注意“初始比例”值：

Answer 2

我最近在平板电脑/手机上遇到了相同的问题，并使用以下代码段修复了该问题。

Answer 3

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

Answer 4

我知道这是一个古老的问题，但是由于它显示在google中，所以我认为我会分享我想出的解决方案，以防万一其他人需要它：