这是由于Atom编辑器无法识别CSS Grid布局所需要的属性和值。解决方法是在CSS文件中添加浏览器前缀。例如:
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
在这个示例中,我们在display
属性之后添加了-ms-grid
前缀,使其能够在IE浏览器中正常显示。其他浏览器会使用display: grid
。确保添加了所需的所有前缀后,保存文件并重新加载网页即可。