我有一个有点敏感的Bootstrap网站。在1200px以上，容器宽1170px，低于它，它可以缩小到970px。下面的任何内容也将获得970px版本。
在我的元标记中，我有这个：
<meta name="viewport" content="width=device-width, initial-scale=1">
一切都适用于台式电脑以及iPhone或iPad设备。然而，在基于Android的手机上，例如三星Galaxy（我认为视口是360x640px），该网站在横向模式下也显示得很好，除了每次页面加载时都会放大。意思是它显示正常，但用户必须向左和向右滚动。用户可以缩小然后显示全宽而不必滚动，但下次加载页面时，同样会再次发生。
有没有简单的方法来调整/解决这个问题？
我尝试删除width = device-width部分，但是在iOS设备和1px行上的设计混乱不能正常显示。
答案 0 :(得分：1)
尝试使用
@media (whichever desired screens)
html{zoom:0.7} // this value is not calculated just an example
您可以使用设备宽度/您的html宽度计算
这对我有用..我需要缩小平板电脑，所以我添加了这个..