在代码上将 Sass 编译为 html 时出现问题：grid-template-columns: repeat(12, 1fr); 到-ms-grid-columns: (1fr)[12];

Question

Hi when i try to compile Sass to CSS i am getting an error message and also my page isn't displayed correctly. So in my scss file i have display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(100px,auto). But when this compiles to css i am getting the following code being displayed: -ms-grid-columns: (1fr)[12]; and this shows an error. I am veiwing in microsoft edge so i may need this line. the error message is left bracket expected on the square parenthesis on the 12.

Answer 1

its fine i fixed the problem i was using the live sass compiler on vs code and i instead decided to try the dart sass github install and that seemed to fix the problem. There must be a problem with using cs grid and live sass compiler. the code was in the text. -ms-grid columns: (1fr)[12];