如何强制标记为视口宽度?

时间:2011-12-17 21:56:41

标签: html css ipad mobile tablet

如何获取标签(在本例中为body标签),即使它具有固定宽度的子项,也只占用视口的大小?

例如: http://jsbin.com/ebusov

描述:如果我在Safari 5中加载上述链接并调整浏览器大小,我会看到预期的行为。不会出现水平滚动条。溢出视口的内容将被隐藏。如果我在ipad中加载它,溢出的内容是可见的并导致滚动条。

期望的结果:滚动条应该永远不会出现,包括在iPad上。

实际结果:在iPad和其他设备上,可以看到溢出的内容,用户可以向左滚动。

如何使用固定宽度的元素隐藏溢出视口的内容?

1 个答案:

答案 0 :(得分:0)

在你的身体标签中试试这个:

<body style="overflow:hidden;">
相关问题