単位のない CSS 属性のフォールバック動作とは何ですか?

単位のない CSS 属性のフォールバック動作

概要

CSS 属性に単位がない場合(例: px、em、pt、%)、ブラウザは異なるフォールバック動作を示すことがよくあります。この記事では、これらの動作の背後にある理論的根拠と、W3C 仕様の関連ガイドラインを検討します。

px ユニットへのフォールバック

互換モードでは、Internet Explorer バージョンなどの一部のブラウザー6-5 では、単位のない幅と境界線の属性を px にフォールバックする可能性があります。歴史的に、この動作は、単位のないピクセル長を受け入れる HTML 属性に由来していました。

優先フォールバック単位

ピクセルは一般的なフォールバック単位ですが、一般的に好まれるわけではありません。 W3C 仕様では、特定のフォールバック ユニットを義務付けていません。

必須フォールバック

ユーザー エージェント (UA) が優先ユニットにフォールバックすることを明示的に要求する W3C 標準はありません。この明確な義務の欠如は、ブラウザの動作で観察される不一致の一因となります。

動作例

標準モードでは、UA は単位のない長さの値を無視する必要があります。ただし、クインク モードでは、次の例に示すように、ブラウザはさまざまな動作を示す可能性があります。

• Internet Explorer: 単位が欠落しているため、幅と境界線のルールの両方が無視されます。
• Firefox: フォールバック幅を px に変換しますが、境界線は無視します。
• Chrome、Opera、Safari: 幅と境界線の両方を px にフォールバックします。

Microsoft Connect Response

Microsoft Connect の声明では、標準モードではユニットの不在はオプションではないことが強調されています。したがって、IE10 以降のバージョンでは、単位のない長さのルールは無視されます。

結論

単位のない CSS 属性のフォールバック動作はブラウザー固有の実装に依存し、ブラウザーによって異なる場合があります。レンダリングモード。標準モードでは単位のない長さの拒否が指示されますが、互換モードでは不整合が生じます。開発者は、ブラウザ間の互換性を確保するために、これらの動作を認識する必要があります。

以上が単位のない CSS 属性のフォールバック動作とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。