阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    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的教程都有!

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

    目录
    本文目录
    目录