どのようにCSS3仕様を扱います。便利な方法で？

StackOverflow https://stackoverflow.com/questions/1238544

  •  11-09-2019
  •  | 
  •  

質問

CSS3仕様の一部が実装され、メインのブラウザであり、あなたがより少ないコードで非常に良い結果を得るが、CSS3を使用しない多くの理由があります。例えば。異なるブラウザでない下位互換性、おそらく同様のrenderdビューなど。

だから私は自分自身を求めている：？デフォルトの問題を傍受するオプションがとにかくCSS3を使用するための最良の方法です、私は上記のdiscribedてきたように、

役に立ちましたか？

解決

限り、あなたのサイトが優雅に低下するようになりましたCSS3を使うことには何も問題はありません。ブラウザが特定のCSSルールを理解していない場合はやっぱ、それはそれを無視します：

#foo {
    border:1px solid #000; /* shown by all browsers */
    border-radius:5px; /* shown if browser understands border-radius */
    -moz-border-radius:5px; /* Firefox only */
    -webkit-border-radius:5px; /* Safari and Google Chrome */
}

限りのサイトには、あなたは[OK]をする必要があり、使用したいCSS3のルールをサポートしていないブラウザで壊れて見えないように、<のhref =「http://en.wikipedia.org/wiki/Progressive_enhancement」 relが=「noreferrer」>徐々に彼らをサポートしてブラウザでサイトを高めます。

他のヒント

「私は使用することができたとき...」

あなたはを見つけるかもしれないのあなたにどの機能確認するのに便利合理的に使用することができます。

あなたはその後、公開ウェブサイトを作成する場合は、

あなたは一人で3を聞かせて、何のCSS 2.1を意味しないIE6をサポートする必要があります。

あなたが試すことができます一つのことがある： lesscssする

このビルドで有効なCSSにそれを「コンパイル」あなたは速記のCSS表記を使用してみましょうとなります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top