我在比较布局中页面之间的字体大小时遇到了问题。我在主体上设置了font-size: 100%;
字体,在我的段落标签上设置了font-size: 1em;
。
我有一个带有CSS列和单列布局的双列页面集。字体在单列页面上呈现得更大。它也会在页脚和我网站的主要部分以font-size: .75em;
呈现不同的呈现方式。
我已经确定它只是Chrome,并且似乎导致了Nexus 7上的问题。这个问题在iPad 3中的Chrome上没有问题。
有没有人有这方面的经验?
答案 0 :(得分:1)
这些是2种不同的操作系统,这通常是设备之间存在这些不规则性的常规操作。 EM是基于默认的字体大小,如果没有声明一个,os取决于屏幕分辨率将声明一个。 font-size:100%
不会做任何事情,你应该在正文中声明一个恒定的字体大小,即font-size:12px
。
然后你应该保持一致或接近它。