scss CSS Grid Basic语法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss CSS Grid Basic语法相关的知识,希望对你有一定的参考价值。

.container {
  display: grid;
  grid-template-columns: 2fr 6fr 2fr;
  grid-template-rows: 1fr;
  display: -ms-grid;
  -ms-grid-columns: 2fr 6fr 2fr;
  -ms-grid-rows: 1fr;
  .item1 {
    grid-row: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .item2 {
    grid-row: 1;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .item3 {
    grid-row: 1;
    grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

以上是关于scss CSS Grid Basic语法的主要内容,如果未能解决你的问题,请参考以下文章

scss CSS Grid变量列

scss SCSS:CSS Wizardry Grid Mod - 使用AdobeBlank和数字命名空间

scss IE 11 - CSS Grid - SASS mixins

用于 css3 关键帧动画的 SASS(不是 SCSS)语法

uniapp踩坑记录-外部scss文件使用scss语法不生效

uniapp外部scss文件使用scss语法不生效