0

Firefoxでのtextarea-fieldのレンダリングに非常に珍しい問題があります。私はこれまでMacで18.0以外のバージョンをテストしていません。

私の問題は、font-sizeが常に13px（os-default）に相対的であり、親が持っている16pxに相対的ではないということです。親に固定フォントサイズを定義すると、期待どおりに機能します。しかし、すべての親が相対的なフォントサイズを持っている場合、textareaのフォントサイズは私のOSのデフォルトにちょうど相対的です。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Test Firefox ..</title>

    <style>
        /* Fixed sizes */
        /* body { font-size: 12pt; } */
        /* body { font-size: 16px; } */
        /* body { font-size: 0.4234cm; } */

        /* Dynamic sizes */
        /* body { font-size: 1em; } */
        /* body { font-size: 100%; } */
        /* body { font-size: medium; } */

        textarea { font-size: 1em; }
    </style>
</head>
<body>
    <textarea rows="4" cols="20">abc</textarea>
</body>
</html>

同様の質問ですが、私の場合はカバーしていません：なぜ<textarea>と<textfield>が本文からfont-familyとfont-sizeを取得しないのですか？

誰かが以前に似たようなことを経験したことがありますか、または他のブラウザ（バージョン）またはOSでこの動作を確認できますか？

編集：jsfiddle.netのコードは次のとおりです：http：//jsfiddle.net/E4WwV/

4

2 に答える 2

2

Firefox (他のブラウザにもあるかどうかはわかりません) では、2 つのデフォルトのフォントサイズを設定することができます:

  • デフォルトのフォントサイズ (16px)
  • 汎用 font-family monospace (13px)を持つテキストのデフォルトの font-size

私の例のデフォルトの font-size は 1em (textarea と body の場合) であるため、デフォルトの font-size の 1 倍です。

これは、優れた説明とこれに対する使用可能な回避策を含む記事です: http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/

于 2012-12-09T19:24:45.263 に答える
1

Textarea と body は異なるフォント ファミリーを使用します。Textarea はデフォルトでモノスペース システム フォントを使用し、Gecko のブラウザのフォント設定に基づいてシステム フォントのサイズを変更すると、奇妙な点があります。したがって、好みでモノスペース フォントの通常のサイズを 13px に設定すると、この場合は最終的にそのサイズになります...

于 2012-12-08T08:59:50.123 に答える