我将<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呈现百分比字体?