编译警告处理:autoprefixer: start value has mixed support, consider using flex-start instead

第一章  问题解析

  • 项目启动的,控制台有该warning警告:

编译警告处理:autoprefixer: start value has mixed support, consider using flex-start instead_第1张图片

  • 不影响正常运行,但是对于程序员来说看到有这些报错、警告的看着就很别扭,那么我们如何解决呢?

        -- 查看警告位置:

        -- 在该文件下,那么我们去该文件下找问题: 

编译警告处理:autoprefixer: start value has mixed support, consider using flex-start instead_第2张图片

  1. module warning:模板警告
  2. postcss-loader:css处理器
  3. 我去翻译了一下这一句,其实就是说,start使用flex-start代替

          -- 这下警告的问题就明确了——css、start、flex-start,说明在样式中报的错,flex-start用到的是伸缩布局flex,那么我们去搜索:

发现写了justify-content:start,多出类似的,很明显,它们引起的!!

        -- 全部更改:

        -- 警告消除了 

编译警告处理:autoprefixer: start value has mixed support, consider using flex-start instead_第3张图片

第二章 问题总结

justify-content、align-items伸缩布局时:它们的基于主轴/侧轴开始位置、结束位置分布都是flex-start和flex-end,这才是规范的写法,即使我们写start、end也可以实现效果,但是容易让我们误解,同时以后还会习惯性的就这么写了,容易让我们养成不好的书写习惯。

最后!!规范书写也很重要!!

你可能感兴趣的:(前端,css3,bug,flex)