截至目前,我在iOS设备上测试网站时遇到了一个问题。似乎 DIV 元素不能很好地带有 overflow:hidden 属性。或者,真的。
这是网站的布局应该是什么(溢出设置工作):
这就是iOS设备上的布局:
我尝试了很多东西,比如编辑 body 和 html css溢出和/或位置属性,在主体周围添加一个包装器强大的标签以及谷歌搜索时遇到的更多“主流”解决方案。可悲的是,没有人工作。
在iOS上无法正常使用的项目的CSS是:
width: 94.4%;
height: 400px;
overflow: hidden;
position: relative;
margin: 0px;
display: inline-block;
box-sizing: border-box;
我怎么知道(或者至少认为)是溢出的?一旦我通过检查元素在浏览器中将其关闭,就会出现问题。
有没有人可以让我对这个问题有所了解? 如果您需要更多信息,我很乐意提供。
答案 0 :(得分:1)
正如Demnogonis在对我原来的帖子的评论中所说,我添加了
vertical-align: top
现在,iOS设备上的布局已得到修复。