CSS とブラウザの互換性チェックリスト
最新のブラウザーとデバイスにわたる復元力のあるレイアウトのための実用的なチェックリスト。
- JavaScript を使用せずにセマンティック HTML と読みやすいレイアウトから始めます。
- 次のような機能クエリを使用します。
@サポート拡張が CSS 機能に依存する場合。 - キーボードのフォーカス、200% へのズーム、動きの軽減、ダーク モード、強制カラーをテストします。
- テキストコンテナの高さを固定しないでください。ラッピングと拡張を可能にします。
- 視聴者が必要とする場合に、新しいカラー関数、コンテナ クエリ、高度なセレクターのフォールバックを提供します。
- 1 つのエンジンに依存するのではなく、Safari/iOS、Chromium、Firefox をテストします。
- 多言語および右から左へのレイアウトには論理プロパティを使用します。
- メインの視覚的なレイアウトだけでなく、印刷スタイルとフォーム コントロールも確認してください。