Chrome会在设备上以不同方式呈现基于em的字体大小

时间:2013-01-04 16:27:14

标签: css google-chrome font-size em nexus-7

我在比较布局中页面之间的字体大小时遇到​​了问题。我在主体上设置了font-size: 100%;字体,在我的段落标签上设置了font-size: 1em;

我有一个带有CSS列和单列布局的双列页面集。字体在单列页面上呈现得更大。它也会在页脚和我网站的主要部分以font-size: .75em;呈现不同的呈现方式。

我已经确定它只是Chrome,并且似乎导致了Nexus 7上的问题。这个问题在iPad 3中的Chrome上没有问题。

有没有人有这方面的经验?

1 个答案:

答案 0 :(得分:1)

这些是2种不同的操作系统,这通常是设备之间存在这些不规则性的常规操作。 EM是基于默认的字体大小,如果没有声明一个,os取决于屏幕分辨率将声明一个。 font-size:100%不会做任何事情,你应该在正文中声明一个恒定的字体大小,即font-size:12px

然后你应该保持一致或接近它。