Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 是否真的需要包含flex派生属性的所有回退?_Css_Flexbox_Fallback - Fatal编程技术网

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对于大多数用户来说是安全的,我相信这些都很重要。虽然我的问题是我是否必须使用所有这些疯狂的前缀。