Question

我通常以简单的方式声明我的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;
}

重复数百个元素，会大幅增加文件的大小。这真的是非常必要的假设：

我关心的是，很多人都可以体验这个网站。
我关心带宽。

Answer 1

是的，它对于所有类型的浏览器都是必需的，但是如果您不想每次都用自己的http://postcss.org/

编写它们，可以尝试使用postCSS的自动修复器。

Answer 2

如果你关心尽可能多的人按照预期的方式体验网站（即使用flex布局），即使是那些使用过时版本的浏览器的边缘用户，这些浏览器使用的是旧版本的flexbox，其行为并非如此。与现行标准100％兼容，那么你真的没有选择。

如果您担心带宽，请考虑其他布局模型（例如浮动布局或表格布局）作为后备。

是否真的有必要包含flex派生属性的所有后备？

2 个答案: