質問: クロスブラウザcssを実装する最良の方法は何ですか? クロスブラウザcssを実装する最良の方法は何ですか?ルール:回答に対する1つのアプローチ。
回答: web標準を使用して設計および開発する ドキュメントとスタイルシートを常に検証してください! クロスブラウザ/クロスプラットフォームのテストを毎日! 少なくとも、プルリクエストを送信するか、リポジトリにコミットする前。とにかく適合ドキュメントを書くべきですが、これはクロスブラウザ/クロスプラットフォームのcssを書くために重要です。注:検証の真の力は、100%準拠していません。検証する必要のないもの、延期できるもの、すぐに修正する必要があるものを理解すると、超大国が得られます。 and thats power:継続的な検証により、仕様のルールが強化され、精通します。絶えずクロスブラウザ/クロスプラットフォームのテストを行うことで、どのブラウザのユーザーエージェントスタイルシートで最もバトルしているのかを常に把握できます。スタイルをそのように適合させると、問題はさらに少なくなります。必要に応じてライブラリとフレームワークを使用できますが、ワークフローのすべての苦痛と痛みを抽象化しているため、ここで要求しているスタイルを詳細に把握することはできません。ただし、libs/frameworksを使用すると、通常はページが肥大化しますが、その力を十分に発揮できます。reset.css、normalizr.css、さらに*{border:none; margin:0; padding:0)リセットは、スタイルをレンダリングするブラウザ間で、または独自のスタイルでプレイフィールドを均等化するための武器です。はい、私は* "hack"と他の2つのオプションを推奨しました。ユーザーエージェントとの戦いを行うとき、それぞれに独自の場所があります。さらに、特定のユーザーエージェントが持っている欠陥を活用しないのは不合理です。なぜなら、その欠陥は100%の連続性でレンダリングされず、対処する必要があるからです。そうすることで、欠陥自体が機能を検出するための完璧なフックを提供するか、それらを探り出すので、それに応じて処理することができます!ハック、欠陥、機能、非機能のすべてを使用して、domを曲げてブラウザをインラインに強制することができます。......必要な場合。ただし、web標準を使用して開発している場合は、以前ほど多くのweb標準を必要としないことがわかります。そして、あなたはそれらにあまり依存していないので、問題を解決するためにそれを使用する機会を得たとき、迅速にそれを使用してください!あなたはすでに問題が何であるかを知っています、そして、あなたは問題と他を何も対象としない解決策も持っています。各ブラウザには、ターゲットを絞る独自の方法があり、最も明白なのは条件付きコメントです。 ie6-9には条件付きコメントを使用し、条件付きコンパイルを使用してie10およびie11のスタイルをレンダリングします。[。 -100%を伸ばす(または伸ばさない)色など.