Create React App 会压缩你的 CSS 并通过 Autoprefixer 自动添加浏览器前缀,因此你无需担心它。
支持全新CSS 特性,all
属性, break
属性, 自定义属性, and 媒体查询范围 会自动进行 polyfill,以添加对旧版浏览器的支持。
你可以根据 Browserslist 规范 调整 package.json
中的 browserslist
来自定义目标支持浏览器。
例如,这个样式:
---- - -------- ----- --------------- ---- ------------ ------- -
将变成:
---- - -------- ------------ -------- ------------ -------- ----- ------------------- ----------- ---------------------- ------- ------------------- ---- --------------- ---- ------------------ ------- --------------- ------- ------------ ------- -
如果由于某种原因需要禁用 Autoprefixer,请 按照本节进行操作 。
默认情况下 禁用了 CSS Grid(网格) 布局 前缀,但不会删除手动前缀。 如果你想选择加入 CSS Grid(网格) 前缀,请先 熟悉一下它的局限性。
要启用 CSS Grid(网格) 前缀,请将 /* autoprefixer grid: on */
添加到 CSS 文件的顶部。