我有一个奇怪的问题,在Ipad上有灵活的盒子。
我非常喜欢css3中的-box-flex
期货,但
当我在页面上使用-webkit-box-flex: 1
时,我的HTML5网站非常慢,尤其是当我尝试显示页面上已存在的弹出框时我能感觉到它,我只是显示/隐藏框。
我的css ex:
-webkit-box-flex: 1,
box-flex: 1
我使用的弹性框越多,网站越慢,如果我删除所有弹性曲线并添加静态width
并使用float
,一切正常。
有人也有这个问题吗?它是一个webkit bug或其他东西。 有人有修复或替代方法来使用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
我真的很感激在我的情况下我能做些什么的帮助或建议。
谢谢!