Chrome和Firefox以不同的方式呈现textarea的百分比字体大小

时间:2015-03-07 12:00:45

标签: css google-chrome firefox

我将<textarea>的字体大小样式设置为120%。但是,与Chrome相比,Firefox下的文字要大得多。

使用开发者工具检查样式后,我在Chrome下找到了以下预设样式:

input, textarea, keygen, select, button {
   margin: 0em;
   font: normal normal normal 13.3333330154419px/normal Arial;
   color: initial;
   letter-spacing: normal;
   word-spacing: normal;
   text-transform: none;
   text-indent: 0px;
   text-shadow: none;
   display: inline-block;
   text-align: start;
}

似乎在Chrome下,120%的计算结果为13.333像素,而Firefox会根据实际的默认字体大小16px进行计算,最后使文字显得更大。

我确实使用css reset来覆盖默认样式,但Chrome坚持使用120%预设字体大小计算13.333px

请有人告诉我如何在textarea中使Firefox和Chrome呈现百分比字体

0 个答案:

没有答案