我有一个针对在手机中查看而优化的网页。
我正在使用检测设备宽度并将视口宽度设置为该值的viewport
元标记。<meta name = "viewport" content = "width = device-width">
这意味着我的网页可以在移动浏览器中正确加载,而不是看起来可笑地缩小。
当我在我的手机(三星 Galaxy S2)上以纵向模式加载页面时,它看起来很好,我旋转到横向,它看起来很好,但是如果我再次旋转回纵向,页面会稍微放大。我要么必须缩小,要么水平滚动。
为什么我的移动浏览器会这样做,我该如何阻止它发生?
有关正在发生的事情的视觉帮助,请参见屏幕截图。