阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      create-react-app Post-Processing(后处理 CSS)

      Create React App 会压缩你的 CSS 并通过 Autoprefixer 自动添加浏览器前缀,因此你无需担心它。

      支持全新CSS 特性,all 属性, break 属性, 自定义属性, and 媒体查询范围 会自动进行 polyfill,以添加对旧版浏览器的支持。

      你可以根据 Browserslist 规范 调整 package.json 中的 browserslist 来自定义目标支持浏览器。

      例如,这个样式:

      .App {
        display: flex;
        flex-direction: row;
        align-items: center;
      }
      

      将变成:

      .App {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      

      如果由于某种原因需要禁用 Autoprefixer,请 按照本节进行操作 。

      默认情况下 禁用了 CSS Grid(网格) 布局 前缀,但不会删除手动前缀。 如果你想选择加入 CSS Grid(网格) 前缀,请先 熟悉一下它的局限性。

      要启用 CSS Grid(网格) 前缀,请将 /* autoprefixer grid: on */ 添加到 CSS 文件的顶部。

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      本文目录
      目录