如何强制标签是viewport的宽度



我如何得到一个标签,在这种情况下,正文标签,只占用视窗的大小,即使它有一个固定的宽度子?

的例子:http://jsbin.com/ebusov

description:如果我在Safari 5中加载上面的链接并调整浏览器大小,我会看到预期的行为。不会出现水平滚动条。溢出视窗的内容是隐藏的。如果我在ipad上加载这个,溢出的内容是可见的,并产生滚动条。

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

实际结果:在iPad上,可能还有其他设备上,溢出的内容是可见的,用户可以向左滚动。

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

在body标签中试试:

<body style="overflow:hidden;">

最新更新