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