一、WARN描述

启动项目发现控制台有这样一个WARN

end value has mixed support, consider using flex-end instead

flex布局中，end具有混合支持，请考虑使用flex-end布局

二、根据提示我们进行修改即可

align-items: end;

改成

align-items: flex-end;

修改前
.product {
  display: flex;
  justify-content: space-between;
  margin: 0 25px 25px 0;
  align-items: end;
}
修改后
.product {
  display: flex;
  justify-content: space-between;
  margin: 0 25px 25px 0;
  align-items: flex-end;
}

修改后warn不在了。成功。

三、相关内容

css3-flex布局：基础使用 / Flexbox布局_flexbox 布局-CSDN博客

四、过程记录

4.1、类似的warn，解决方法同理

(148:3) start value has mixed support, consider using flex-start instead

五、欢迎交流指正。

一、WARN描述

启动项目发现控制台有这样一个WARN

end value has mixed support, consider using flex-end instead

flex布局中，end具有混合支持，请考虑使用flex-end布局

二、根据提示我们进行修改即可

align-items: end;

改成

align-items: flex-end;

修改前
.product {
  display: flex;
  justify-content: space-between;
  margin: 0 25px 25px 0;
  align-items: end;
}
修改后
.product {
  display: flex;
  justify-content: space-between;
  margin: 0 25px 25px 0;
  align-items: flex-end;
}

修改后warn不在了。成功。

三、相关内容

css3-flex布局：基础使用 / Flexbox布局_flexbox 布局-CSDN博客

四、过程记录

4.1、类似的warn，解决方法同理

(148:3) start value has mixed support, consider using flex-start instead

五、欢迎交流指正。