RWD:在移动缩小时显示桌面版本,没有水平滚动

时间:2015-03-14 17:11:21

标签: html css twitter-bootstrap

也许我的问题会有些奇怪,但我的客户想要从网站上删除响应时间一段时间,并在移动设备上查看桌面版本。

首先,我删除了响应式元标记,但在页面中获取水平滚动条。我想要的是在桌面上看到我在iPhone上的网站,没有任何滚动或缩放。

我使用bootstrap 3,我的容器有min-width:1220px,如果这样会有帮助。

更新:问题来自于表,当我从页面中删除表时,网站视图呈现为桌面(具有较小的文本等)。这个问题只发生在iPhone上。

1 个答案:

答案 0 :(得分:1)

您需要将视口设置为您希望它在移动设备中显示的宽度。对于您,使用min-width值,您会想要这样的内容:

<meta name="viewport" content="width=1220">

请注意,内容宽度已从device-width更改为宽度值。这将允许您想要的缩放。否则,浏览器将尝试假设某些默认值,它对您的网站来说太小了。具体来说,它将尝试920px宽,这就是你得到水平滚动的原因。