我有一个奇怪的问题,Ipad 上有灵活的盒子。
我真的很喜欢-box-flex
css3 中的期货,但是,
当我-webkit-box-flex: 1
在页面上使用时,我的 HTML5 网站非常非常慢,尤其是当我尝试显示页面上已经存在的弹出框时,我可以感觉到它,我只是显示/隐藏该框。
我的 CSS 前:
-webkit-box-flex: 1,
box-flex: 1
我使用的 flex 框越多,网站越慢,如果我删除所有 flex 并添加 staticwidth
和 use float
,一切正常。
有人也有这个问题吗?它是 webkit 错误还是其他什么。有人有修复或替代方式来使用 flex 吗?
我也发现了这个信息:
http://css-tricks.com/old-flexbox-and-new-flexbox/
他们建议使用的地方,display: flex;
而display: box;
不是
-webkit-box-flex: 1
使用-webkit-flex: 1
我已经尝试过,并且在我使用 chrome(桌面)时确实有帮助,但是 Ipad safari 似乎不支持新的-webkit-flex
我非常感谢在我的情况下我能做的任何帮助或建议。
谢谢 !!