如何解决如何让flex-column在iOS Safari上运行?
On the left is a google pixel and on the right is a screenshot from my iphone.
我在将flex列用于iOS的Safari时遇到问题。元素在包装器之外溢出,并且也显示为一行。我使用了朋友的Mac,并检查了野生动物园中的元素,以响应式设计模式打开网站时没有任何问题。但是在电话上,元素无法正确显示。这就是CSS寻找显示技能的包装器的方式。
.toolsWrapper {
grid-area: tools;
width: 100%;
height: 80%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
flex-flow: column wrap;
justify-content: flex-start;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
它曾经很简单,但是我添加了很多东西,试图使flex方向在ios上正确运行。我还有什么可以添加到手机上的?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。