2

私はこれに頭を悩ませていますが、解決策を見つけることができないようです。

セマンティックの観点からはh2ヘッダーを使用したいのですが、視覚的な視点からはh5ヘッダーとまったく同じように見せたいと思います。

ただし、cssはこれに関連して奇妙な動作をしており、ヘッダーテキストをフォーマット用の通常のテキストとして扱っているようです。つまり、通常のfont-size:60%;テキストの60％のサイズになります。これは、絶対に小さいサイズです。私は他の側面（高さなど）をいじってみましたが、役に立ちませんでした。フォントにcssを適用すると、ヘッダーに関連するすべてのスタイルプロパティが消えるように見えます...

4

2 に答える 2

3

たとえば、パーセンテージの代わりに px を使用します h2{font-size:14px; height:50px;}

于 2012-11-06T05:16:06.440 に答える
2

CSS ルールに % 定義を使用する場合は、フォント レンダリングに html タグ修正を使用します。

次に、ドキュメントのすべての基本フォント情報を定義する body タグを含めます。

残りは希望どおりに機能するはずです。

/*css*/

html {font-size: 100.01%;}
body {font:italic bold 16px/30px Georgia, serif;}
h2 {font-size: 60%; line-height:60%;}

</p> 

<!--HMTL-->
<!DOCTYPE html>
<html>
    <body>
        <div>blah</div>
        <h2>header</h2>
        <div>blah<br>blah</div>
    </body>
</html>

例を参照

于 2012-11-06T23:27:01.507 に答える