我目前正在为客户工作一个网站（仍在进行中），并尝试修复网站上的一些移动问题。
我遇到的主要问题是移动浏览器（android + iphone）加载网站完全放大网站的左上角部分。我希望它可以缩小以适应视口中的整个网站宽度，无论视口的宽度如何。
可以在此处查看该网站：http://www.graceprep.com
这有一个简单的解决方法吗？我对HTML / CSS很有经验，但在移动浏览器方面，我有点像新手。
这是我的header.php文件中的一些可能相关的HTML。我尝试更改width属性无济于事。初始规模属性是有效的，但过于宽泛 - 我希望所有移动浏览器都能完全缩小网站，无论方向或屏幕大小。
有办法做到这一点吗？
答案 0 :(得分：8)
为什么你有这个元标记？如果完全删除它，设备将自动决定缩放级别。
答案 1 :(得分：4)
我几乎是肯定的
<meta name="viewport" content="width=device-width, initial-scale=1">
应该解决这个问题。您可以将“width”设置为您想要的任何值，但通过将其设置为设备宽度，它将调整为任何设备的像素宽度值。 “initial-scale”控制指定宽度的缩放级别。
答案 2 :(得分：0)
似乎大多数移动浏览器倾向于传达默认视口宽度，该宽度比移动设备的宽度宽得多。例如，iOS Safari假设网页宽度为980像素，并缩小以适应可用的iPhone 4 320px（https://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972）内的整个网页。 Android浏览器倾向于适应800到1024 CSS像素（https://developers.google.com/speed/docs/insights/ConfigureViewport）的宽度。
预期的宽度似乎以某种方式在元标记实现之前进行通信，因此在某些情况下将宽度设置为设备的宽度似乎被视为放大。 除非您网页上的css使用媒体查询来适应设备的实际宽度，否则我认为最好避免错过＆width？device = device-width＆＃39;价值的一部分，只是设置你之后的其他约束。