我有一个有点响应的Bootstrap网站。高于1200像素时，容器的宽度为1170像素，低于1200像素时，容器将缩小为970像素。低于此值的任何内容也将获得970px版本。
在我的meta标签中，我有这个：
<meta name="viewport" content="width=device-width, initial-scale=1">
一切都可以在台式机以及iPhone或iPad设备上完美运行。但是，在基于Android的手机（如Samsung Galaxy）（视口为360x640px）上，该网站在横向模式下也可以正常显示，只是每次加载页面时都会放大。这意味着它可以正常显示，但用户必须向左和向右滚动。用户可以缩小，然后无需滚动即可显示全角，但是下一次页面加载时，同样会再次发生。
有没有简单的方法可以调整/修复此问题？
我尝试删除width = device-width部分，但这与iOS设备上的设计混乱，并且1px的线条无法正确显示。
尝试使用
@media (whichever desired screens)
html{zoom:0.7} // this value is not calculated just an example
您可以使用设备宽度/您的html宽度进行计算
这已经为我工作了..我需要缩小平板电脑，所以我添加了它。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句