时间戳

首页 > 解决方案 > 字体大小在 Android 上的跨浏览器差异很大

css - 字体大小在 Android 上的跨浏览器差异很大

问题描述

我正在尝试创建一个简单网站的移动版本，但根据浏览器的不同，字体大小差异很大（我现在只在 Android 上进行测试，并且无法访问 iPhone）。目前在我的 CSS 中，我有以下代码，但我也更改了字体大小以使用百分比和像素，结果相同。下面的第一个屏幕截图显示了 Dolphin 浏览器中的页面，它显然使用了 Webkit 引擎。在 Maxthon 浏览器中，据我所知，它也是 Webkit，它看起来很相似。这太小了，无法阅读。第二张照片在 Chrome 中显示。在 Firefox 中，它介于这两者之间并且是可读的。我看过其他关于字体渲染不同的帖子，但从未有过如此巨大的差异。如何解决这个问题？

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

标签： cssmobilefontscross-browser

解决方案

推荐阅读