浏览器特定的 CSS 渲染问题答案

【问题标题】：browser specific css rendering issues浏览器特定的 CSS 渲染问题
【发布时间】：2018-07-30 10:38:19
【问题描述】：

铬

IE 标准模式

如果您比较两个页面，IE standard mode 的字体粗细比Google chorme 稍大。

我的意思是打开你想打开的任何页面，并在 chrome 和 IE 标准模式下进行比较。 IE 标准模式的 css font-weight 比 chrome 大一点

如何解决这个问题。，当我希望我的网页字体是中性的时......意味着它应该采用我在 css 中给出的相同字体

请给我解决方案，提前谢谢

【问题讨论】：

【解决方案1】：

我尝试在 IE11 和 chrome 上比较它，但在我看来它看起来还不错，但如果真的很麻烦，你可以对 IE 使用一些 css hacks 并调整字体大小和字体粗细。

IE10 和 IE11

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .selector { property:value; }
}

【讨论】：

【解决方案2】：

这不是问题，这只是每个浏览器的行为，它的行为方式不同，为什么因为所有浏览器都不是由相同的开发（Chrome、IE、FireFox）组成的。

解决方案： 使用重置 CSS 来避免浏览器渲染之间的差异。

【讨论】：

我参考了您的链接....并创建了此页面 ->>>>jsfiddle.net/vzvuxytt/19 在 IE 和 Chrome 中打开此页面.. 问题仍然存在..