跨Android上的字体大小差异很大

时间:2019-01-05 18:46:50

标签: css mobile fonts cross-browser

我正在尝试创建一个简单网站的移动版本,但是由于浏览器的不同,字体大小存在很大差异(我目前仅在Android上进行测试,并且无法访问iPhone)。当前在我的CSS中,我有以下代码,但是我也更改了字体大小,以使用百分比和像素获得相同的结果。下面的第一个屏幕快照显示了Dolphin浏览器中的页面,该页面显然使用了Webkit引擎。据我所知,在Maxthon浏览器(也是Webkit)中,它看起来很相似。这太小了,无法阅读。第二张照片在Chrome中显示。在Firefox中,它介于两者之间并且易于读取。我看过其他有关字体渲染的文章,但从未有过如此大的不同。如何解决?

html, body {
  font-family: Georgia, serif;
  font-size: 1em; 
}

0 个答案:

没有答案