html - 网站在不同手机上的字体大小相同

Question

我目前正在开发一个 wordpress 模板，我终于开始让它响应，但手机上的字体大小不同。例如，我拥有一台带有 Microsoft Edge 的诺基亚 Lumia，我页面上的文字很大。但是，在带有 Chrome 的 Samsung Galaxy S2 上，文本很小。我怎样才能让所有手机都显示大文本？

如果需要，这里有一个链接:http://acevix.com/development/temp/index.php/2015/12/12/hello-world/

Answer 1

由于显示尺寸和分辨率的范围很广，因此通过相对单位(即em)设置页面上任何对象的尺寸通常是最佳方式>、vw 或 vh。

参见 http://www.w3.org/TR/css3-values/#relative-lengths

绝对单位，如px 或in 取决于设备的像素密度。因此，如果您有一个 250ppi 的显示器和另一个 150ppi 的显示器，则在后一种情况下文本会更大。

参见 http://www.w3.org/TR/css3-values/#absolute-lengths