Css 是否真的需要包含flex派生属性的所有回退?
我通常以简单的方式声明我的Css 是否真的需要包含flex派生属性的所有回退?,css,flexbox,fallback,Css,Flexbox,Fallback,我通常以简单的方式声明我的flex属性: .flex-item { display: flex;. justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } 这方面的所有回退措施包括: .flex-item { display: -webkit-box; display: -ms-flexbox; display: flex;. -webki
flex
属性:
.flex-item {
display: flex;.
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;
}
这方面的所有回退措施包括:
.flex-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;.
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
在数百个元素上重复执行,这将大大增加文件的大小。假设:
是的,这对于所有类型的浏览器都是必要的,但是如果你不想每次都自己写,你可以尝试PostCs的AutoRefixer,如果你想让尽可能多的人体验网站(即使用flex布局),即使是边缘用户,他们使用的浏览器版本有些过时,使用的是旧版本的flexbox,其行为与当前标准不完全兼容,那么你真的没有选择的余地
如果你担心带宽,考虑替代的布局模型(比如浮点布局或表格布局)作为后退。
我正在使用:但是这并不能真正回答我的问题,考虑到我的需求,这是否是必要的,这是一个可能的折衷。因为Flexbox可以做很多事情,这样做,问题就会消失,因为需要它的元素会少很多。此外,考虑适当地重新使用这些类,这样也可以减少这些内容,网站不必为所有用户看起来完全相同…而且尤其是那些拥有更老浏览器的人,他们已经知道这一点:“@ LGSON大输入!”我想远离Flexbox,因为我认为它不受支持,快进一年左右,根据netmarketshare/w3统计数据和caniuse,Flexbox对于大多数用户来说是安全的,我相信这些都很重要。虽然我的问题是我是否必须使用所有这些疯狂的前缀。