100 not Firefox ESR 排除 Firefox ESR 选择支持特定功能的浏览器版本 supports es6-module 支持 es6-module 的浏览器 supports css-grid 支持 css-grid 的浏览器 以上条件可以组合 > 0.5%, last 2 versions 使用率大于0.5% 或者 所有浏览器最新2个版本(等价于 > 0.5% or last 2
charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css-grid
css-grid-1/ https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Grid_Layout https://caniuse.com/#feat=css-grid
https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html [2] caniuse: https://caniuse.com/css-grid
此外,您可以查看使用 flexbox 和 CSS-grid 布局的元素。 在网站的视觉方面工作时会产生很大的不同。它使事情变得整洁且易于修复。
/www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html [21] Grid 布局草案: https://drafts.csswg.org/css-grid