本文介绍了font-variant：small-caps;使用Chrome或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显示不同的字体大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！