ホームページ > 記事 > ウェブフロントエンド > CSS 属性はいつ単位なしのピクセル (px) にフォールバックしますか?
CSS 属性はいつ単位なしのピクセル (px) にフォールバックしますか?
- Susan Sarandonオリジナル
- 2024-10-24 09:26:29163ブラウズ
単位のない CSS 属性のフォールバック: ケーススタディ
CSS 属性では、多くの場合、単位 (px、em、% など) を指定する必要があります。彼らの価値観。ただし、特定のシナリオでは、これらのユニットが省略される場合があります。これにより、そのような状況でのフォールバック メカニズムとユーザー エージェント (UA) の動作について疑問が生じます。
質問:
- 一部の属性はなぜ単位が省略された場合、ピクセル (px) にフォールバックしますか?
- すべての W3C 勧告で優先されるフォールバック単位は px ですか?
- UA には次のことが義務付けられていますか?優先ユニットにフォールバックしますか?
- さまざまなブラウザの動作を考慮した場合、次の例の正しい動作は何ですか?
<body>
<div
style= "width:170;
border:1 dotted PaleGreen;
background-color:MistyRose">
The quick brown
</div>
</body>
答え:
1. px Quirks モードでのフォールバック
適切な doctype がないことによってアクティブ化される Quirks モードでは、一部のブラウザーは特定の属性について px にフォールバックする場合があります。この動作は、ピクセル長として単位のない数値を受け入れる従来の HTML の幅と高さの属性に起因します。
2.優先フォールバック ユニット
はい、定義されたユニットがない場合、px が優先フォールバック ユニットです。これは、従来の HTML 動作との互換性に基づいています。
3.フォールバック義務
いいえ、UA に優先ユニットへのフォールバックを義務付ける正式なルールはありません。これにより、ブラウザ間で一貫性のない動作が発生します。
4.ブラウザ動作分析
- Internet Explorer: quirks モードでは、幅とボーダー幅が px に戻ります。標準モードでは、単位のない値は無視されます。
- Firefox: quirks モードでは、幅は px に戻りますが、border-width の単位のない値は無視されます。
- Chrome、Opera、Safari: quirks モードでは、幅とボーダー幅の両方が px に戻ります。
注: 標準モードでは、すべてブラウザは単位のない長さの値を無視する必要があります。
以上がCSS 属性はいつ単位なしのピクセル (px) にフォールバックしますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。