[分享]css取消谷歌浏览器默认字体大小

如果你使用谷歌浏览器（Google Chrome）浏览网页，你可能已经发现，当你将字体大小设置为 16px 或以上时，浏览器会自动将网页的默认字体大小调整为 16px。虽然这种自动调整的行为在某些情况...

如果你使用谷歌浏览器（Google Chrome）浏览网页，你可能已经发现，当你将字体大小设置为 16px 或以上时，浏览器会自动将网页的默认字体大小调整为 16px。

虽然这种自动调整的行为在某些情况下可能会有用，但在其他情况下，它可能会破坏网页的设计和排版。

如果你想取消谷歌浏览器的默认字体大小调整，可以使用 CSS 的 initial 属性来实现。

body {
  font-size: initial;
} 

将上述代码添加到网页的样式表中，就可以取消谷歌浏览器的默认字体大小调整了。

值得注意的是，这种方法只能取消谷歌浏览器的默认字体大小调整，其他浏览器（如 Firefox 和 Safari）不受影响。

如果你希望在不同浏览器中获得一致的字体大小效果，你需要为不同浏览器设置不同的样式。

/* Firefox 和 Safari */
body {
  font-size: 16px;
}

/* Google Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  body {
    font-size: initial;
  }
} 

通过使用媒体查询的方式，可以为不同浏览器设置不同的样式，从而获得一致的字体大小效果。