浏览器特定的css渲染问题

Question

铬

IE标准模式

如果您比较两个页面，IE standard mode的字体权重与Google chorme相比稍大一些。

Open this page in both chrome and IE standard mode

正是我所说的是打开你想要的任何页面，并在chrome和IE标准模式下进行比较。 IE标准模式比chrome更小的css字体重量

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

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

Answer 1

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

解决方案：使用重置CSS可避免浏览器呈现之间的差异。

https://www.webpagefx.com/blog/web-design/css-tip-1-resetting-your-styles-with-css-reset/

Answer 2

我尝试在IE11和Chrome上进行比较，但它看起来还不错，但如果它真的很麻烦，你可以使用一些css黑客进行IE浏览并调整字体大小和字体重量。

IE10和IE11

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