在移动浏览器上创建一致的物理字体大小

Question

在移动设备上，我客户的大部分网站都像常规桌面一样。它尚未做出响应，但正在进行中。由于机身宽度固定为1000px，因此移动浏览器中的文字和内容都很小。这将是一个实际阅读内容的双击方。

那么我的问题是什么？我正在建立一个移动通知栏。它是一个黄色的小栏，从网页底部滑入，告诉用户他们正在查看的页面尚未针对移动设备进行优化。除了你是否真的想要这个之外，我试图弄清楚如何使条形内部的字体在所有设备上具有一致的物理尺寸。问题是，如今所有设备都具有广泛的DPI。 Another question我在StackOverflow上找到了这个，但只处理桌面案例。移动是一个完全不同的球赛。

我一直在干涉CSS中的mm，但是浏览器之间的文本处理的不一致性是巨大的。我想我可以通过基于像素密度计算px中的字体大小来实现。或者通过为所有DPI变体编写一堆媒体查询。但这一切似乎都很愚蠢。我在这里俯瞰什么吗？有更简单的方法吗？

Answer 1

使用＆＃34; em＆＃34;作为单位而不是mm或px。它会自动适应阅读器使用的字体。

示例：

p {
font-size:1em;
}