1

私が取り組んでいる Web サイトは、もともと XHTML 1.0 Transitional を使用して作成されていましたが、それが嫌いなので、HTML5 doctype に切り替えました。

ページを更新すると、なぜかページのテキストが微妙にずれています。

行の高さは、特定のピクセル (通常はフォント サイズ) を下回ると機能しなくなります。これにより、ログインしたユーザー用に設定したメニューの視覚的な配置が崩れます。たとえば、font-size が 14 ピクセルに設定されている場合、1px に 1px を超えるフォント サイズのテキストが重なる必要があることがわかっている場合line-height:14px;とまったく同じものを表示します。line-height:1px;

[削除済み、期限切れ] でデモンストレーションを表示できます -> テスト ログインは次のとおりです: TestPile/test. メニューには、ログインした場所が表示されます（ログイン後）。

line-height を通常どおりに反応させる方法について何か考えはありますか?

4

2 に答える 2

1

HTML5 doctype は、より最新の doctype であり、ブラウザーで標準モードを引き起こします。XHTML 1.0 Transitional doctype により、制限付き互換モードが発生します。HTML5 doctype で得られる動作は正しいものであるため、「行の高さを本来の動作と同じように動作させるにはどうすればよいですか?」という疑問が生じます。それは難しいでしょう。

限定的な癖 (別名、ほぼ標準) と標準モードの間の行の高さの計算の違いの説明を次に示します。

標準モードの動作を受け入れ、それに応じてレイアウトを調整する必要があります。

于 2012-07-10T07:07:37.430 に答える