每当我构建一个普通网站时，在iPad / iPhone上查看同一网站时，渲染总是不同的，页面放大太多，或者页面在方向开关上向左移动数英里。我看到一些网站似乎没有任何其他工具，以便原始网站显示它应该（没有视口，媒体查询或任何东西），这完全困扰我。我试过复制他们的代码，但我的网站仍然以不同的方式呈现，这可能与我自己的方法有关（我发现它完全符合标准）。
是否没有一种简单的网络开发方法或实践，其中所有网站都将填充手持设备而没有任何问题，并且在方向上网站调整完美？我错过了什么？通常我不会给任何包装元素赋予高度，我要添加的唯一宽度是主容器，但我觉得这与这些未定义的样式有关。谢谢。
答案 0 :(得分：0)
@sandeep说，你可以使用百分比。
也许你看过的网站使用了javascript解决方法，或者在CSS文件中有过媒体查询。
答案 1 :(得分：0)
通常，宽度和媒体查询的百分比是最佳选择。如果您正在查看的网站做得更多，则有一些可能性。想到的一种可能性是，他们可能正在使用HTTP标头检测不同的设备，并在服务器级别发送不同的CSS。这可能很有价值，例如，将较小分辨率的图像发送到无法使用额外像素的较小浏览器。
祝你好运。答案 2 :(得分：0)
我发现删除该行：
<meta name="viewport" content="width=device-width">
来自HTML5 Boilerplate html我正在修复我在这个实例中尝试实现的内容，但显然这不允许你控制移动设备上的视口。