Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将相同的CSS属性应用于不同的浏览器(Chrome、IE)_Html_Css_Browser - Fatal编程技术网

Html 如何将相同的CSS属性应用于不同的浏览器(Chrome、IE)

Html 如何将相同的CSS属性应用于不同的浏览器(Chrome、IE),html,css,browser,Html,Css,Browser,例如,我看到display:Inline grid For chrome,而display:-ms Inline grid For IE。我需要如何更改CSS以同时适用于IE和chrome?您应该将这两个项目都放在CSS文件中,如下所示: .my-class { display: -ms-inline-grid; display: inline-grid; } 始终先放置特定于浏览器的设置,然后放置默认设置。这样,如果浏览器支持默认设置,它将使用默认设置。否则,它将选择特定于浏览器的设

例如,我看到display:Inline grid For chrome,而display:-ms Inline grid For IE。我需要如何更改CSS以同时适用于IE和chrome?

您应该将这两个项目都放在CSS文件中,如下所示:

.my-class {
  display: -ms-inline-grid;
  display: inline-grid;
}

始终先放置特定于浏览器的设置,然后放置默认设置。这样,如果浏览器支持默认设置,它将使用默认设置。否则,它将选择特定于浏览器的设置,然后忽略其后的未知设置。

可能重复的检查:如果您的问题只是能否将两种样式放在同一样式表中,则答案是“是”,并将未固定的放在最后。网格{display:-ms-inline-grid;display:inline-grid;}这就是您想要的吗?