也许我的问题有点奇怪,但我的客户希望在一段时间内从网站上删除响应能力,并在移动设备中查看桌面版本。
首先,我删除了响应式元标记,但在页面中获得水平滚动。我想要的是在 iPhone 上看到我的网站,就像在桌面上看到的一样,没有任何滚动或缩放。
我使用 bootstrap 3 并且我的容器有min-width:1220px
,如果这有帮助的话。
更新:问题出在表格中,当我从页面中删除表格时,网站视图将呈现为桌面中的效果(文本较小等)。而且这个问题只出现在iPhone上。
您需要将视口设置为您希望其在移动设备中显示的宽度。为了你,用你的min-width
值,你会想要这样的东西:
<meta name="viewport" content="width=1220">
请注意,内容宽度从device-width
到你的宽度值。这将允许您想要的缩放。否则,浏览器将尝试采用一些默认值,并且对于您的网站来说它会太小。具体来说,它会尝试 920px 宽,这就是为什么你会得到水平滚动。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)