我注意到 sass 編譯器在某些屬性中插入了一些前綴，例如ms和-webkit。例子：
.box-container {
display: grid;
width: 100vw;
height: 100vh;
gap: 1rem;
grid-template-columns: 60% 30%;
justify-content: center;
align-content: center;
grid-template-rows: 30% 50%;
grid-template-areas: "item-1 item-2" "item-1 item-3";
}
編譯后的 CSS 版本：
.box-container {
display: -ms-grid;
display: grid;
width: 100vw;
height: 100vh;
gap: 1rem;
-ms-grid-columns: 60% 30%;
grid-template-columns: 60% 30%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-grid-rows: 30% 50%;
grid-template-rows: 30% 50%;
grid-template-areas: "item-1 item-2" "item-1 item-3";
}
這是否解決了某些瀏覽器中的一些兼容性問題？那么這是否意味著使用 sass 改善了我們 CSS 中的兼容性問題？
uj5u.com熱心網友回復：
SASS/SCSS 不會像特定瀏覽器那樣自動插入前綴。如果你通過 Gulp 之類的東西運行 Sass，那么里面可能有一個像 Autoprefixer 這樣的包，它為你做前綴，這實際上使你的代碼在瀏覽器中更加兼容。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/328519.html
上一篇：如何在頂行的網格中插入新專案？