到目前为止,在 iOS 设备上测试网站时我遇到了一个问题。 DIV 元素似乎没有很好地承载其 overflow:hidden 属性。或者根本没有,真的。
网站的布局应该是这样的(溢出设置有效):
这是 iOS 设备上的布局:
我已经尝试了很多东西,例如编辑 body 和 html css 溢出和/或位置属性,在 body周围添加一个包装器strong> 标签和我在谷歌搜索时遇到的更多“主流”解决方案。可悲的是,没有一个工作。
在 iOS 上无法正常工作的元素的 CSS 是这样的:
width: 94.4%;
height: 400px;
overflow: hidden;
position: relative;
margin: 0px;
display: inline-block;
box-sizing: border-box;
我怎么知道(或至少认为)它是溢出?一旦我通过检查元素在浏览器中将其关闭,问题就会发生。
有没有人可以让我对这个问题有所了解? 如果您需要更多信息,我很乐意提供。
最佳答案
正如 Demnogonis 在对我的原始帖子的评论中所建议的那样,我添加了
vertical-align: top
现在布局在 iOS 设备上是固定的。
关于ios - 溢出:隐藏在无法正常工作的 div 上 - iOS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41019117/