Edge&；IE CSS网格兼容性
我最近使用CSS网格重新开发了我的网站。它适用于我尝试过的所有浏览器，除了Edge&行高度非常大的浏览器。我也尝试过自动刷新器，但没有成功。在除Edge&IE以外的浏览器中，该显示也具有响应性。我的CSS代码如下，如有任何建议，我将不胜感激：Edge&；IE CSS网格兼容性,css,internet-explorer,microsoft-edge,css-grid,Css,Internet Explorer,Microsoft Edge,Css Grid,我最近使用CSS网格重新开发了我的网站。它适用于我尝试过的所有浏览器，除了Edge&行高度非常大的浏览器。我也尝试过自动刷新器，但没有成功。在除Edge&IE以外的浏览器中，该显示也具有响应性。我的CSS代码如下，如有任何建议，我将不胜感激： @charset“utf-8”； 身体{ 背景：#阿达达； /*填充：3rem 5rem*/ } .集装箱{ 显示：网格； 网格模板列：重复（5，1fr）； 网格模板行：重复（7，0.1fr）； 左边框：10px山脊#fffb00； 边界顶部：10px山
@charset“utf-8”；
身体{
背景：#阿达达；
/*填充：3rem 5rem*/
}
.集装箱{
显示：网格；
网格模板列：重复（5，1fr）；
网格模板行：重复（7，0.1fr）；
左边框：10px山脊#fffb00；
边界顶部：10px山脊#fffb00；
边界底部：10px山脊#fffb00；
右边框：10px山脊#fffb00；
边框右上角半径：15px；
边框左上半径：15px；
边框右下半径：15px；
边框左下半径：15px；
背景色：白色；
/*背景图像：线性梯度（至底部，浅蓝色，rgba（15822155，0.212））*/
}
.项目1{
网格面积：1/2/1/5；
字体大小：3.5vw；
字体大小：粗体；
颜色：黑色；
文本对齐：居中；
边际上限：3vh；
}
.项目2{
网格面积：2/2/2/5；
文本对齐：居中；
字体大小：粗体；
颜色：rgb（5,83,40）；
字体系列：“帕图亚一号”；
字体风格：普通；
文本转换：大写；
字体大小：1vw；
保证金：2vh；
}
.项目3{
网格面积：3/2/3/5；
文本阴影：1px 1px 2px#000000；
文本对齐：居中；
字体大小：粗体；
颜色：rgb（91,41,226）；
字体系列：“帕图亚一号”；
字体风格：普通；
字体大小：大号；
字体大小：1.75vw；
文本转换：大写；
保证金：2vh；
}
.项目4{
网格面积：4/2/4/5；
文本阴影：0px 0px#FFFFFF；
文本对齐：居中；
字体大小：1.2vw；
字体系列：“帕图亚一号”；
字体大小：粗体；
颜色：#000000；
保证金：2vh；
}
.项目5{
网格面积：1/1/5/2；
背景图像：url（'PowerPoint Fill Shape.png'）；
宽度：96%；
背景重复：无重复；
背景位置：中心；
右边界：厚脊rgb（240236224）；
边框宽度：9px；
}
.服务名称{
网格列开始：5；
网格柱端：6；
网格行开始：1；
网格行端：2；
左侧填充：20px；
垫底：5px；
垫面：5px；
背景色：白色；
颜色：#1318E7；
字体大小：1.5vw；
字体大小：粗体；
左边界：厚脊rgb（240236224）；
边框宽度：9px；
}
.服务清单{
网格列开始：5；
网格柱端：6；
网格行开始：2；
网格行端：5；
背景色：白色；
利润上限：-20px；
左侧填充：20px；
颜色：#000000；
字体大小：粗体；
字体大小：1.25vw；
线高：1.5em；
左边界：厚脊rgb（240236224）；
边框宽度：9px；
}
.导航菜单{
网格行开始：5；
网格行端：6；
文本对齐：居中；
背景色：#006500；
边界：厚脊#CC9900；
边界半径：6px；
填充顶部：15px；
垫底：15px；
}
.navmenu>a{
字体系列：源sans pro，“投石机MS”、Verdana、Arial、sans serif、helvetica；
文字装饰：无；
颜色：#FFF；
文本阴影：2px 2px 2px#000；
字体大小：1.4vw；
}
.NAVA菜单：悬停{
颜色：rgb（236,11,11）；
字体大小：粗体；
}
rightmain先生{
网格列开始：4；
网格柱端：6；
网格行开始：7；
背景色：#FFFFD6；
左侧填充：40px；
垫底：20px；
颜色：#000000；
字体大小：粗体；
字体大小：1.3vw；
线高：2米；
}
.center{
网格面积：6/3/8/4；
背景图片：url（'Patent-Img-ResG.jpg'）；
背景尺寸：包含；
填充：3倍；
背景位置：顶部；
}
leftmain先生{
网格列开始：1；
网格柱端：3；
网格行开始：7；
背景色：#FFFFD6；
左侧填充：40px；
垫底：20px；
颜色：#000000；
字体大小：粗体；
字体大小：1.3vw；
线高：2米；
}
.leftmaintitle{
网格列开始：1；
网格柱端：3；
网格行开始：6；
左侧填充：40px；
垫底：10px；
背景色：#FFFFD6；
颜色：#1318E7；
字体大小：1.3vw；
边缘底部：-1.5em；
}
.rightmaintitle{
网格列开始：4；
网格柱端：6；
网格行开始：6；
左侧填充：40px；
垫底：10px；
背景色：#FFFFD6；
颜色：#1318E7；
字体大小：1.3vw；
边缘底部：-1.5em；
}
.英尺{
网格列开始：3；
网格行开始：7；
自我对齐：结束；
背景色：#FFDAB5；
边框颜色：#000000；
边缘样式：脊；
文本对齐：居中；
边界半径：5px；
高度：25px；
字体大小：粗体；
字体大小：1.2vw；
}