font-variant：small-caps;使用Chrome或Firefox显示不同的字体大小 [英] font-variant: small-caps; shows different font sizes using Chrome or Firefox

问题描述

font-variant: small-caps;
font-size: 12px;

Firefox：

• 大写字母：12px


• 小写字母：10px

Chrome：

• 大写字母：12px


• 小写字母：8px

如何在不使用JavaScript的情况下协调它？

How to harmonize that without using JavaScript?

推荐答案

Webkit浏览器显示小小于其他浏览器所以..你可以使用CSS媒体查询轻松嗅探webkit浏览器，如Chrome和Safari。尝试这样：

Webkit browsers display small-caps smaller than other browsers so.. You can use CSS media queries to easily sniff out webkit browsers like Chrome and Safari. Try something like this:

@media screen and (-webkit-min-device-pixel-ratio:0) {
.some-element-using-small-caps {
    font-size: .85em 
 }
}

这篇关于font-variant：small-caps;使用Chrome或Firefox显示不同的字体大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！