愚かな質問を申し訳ありませんが、私は本当に初心者です。私はあなたの助けが必要です。 私は自分のサイトにmodernizr-2.8.3.min.jsを追加しました。 私はmodernizrのホームページを訪問しましたが、私はそれをダウンロードする方法を理解していません。 次に、このmodernizrファイルがhtml5ボイラープレートに見つかりました。 これを私の中に追加すると、ベンダープレフィックスを追加しないように助けられますか？ また、私がmodernizrで何もしないのであれば、私はある種の '接頭辞フリー'ファイルを使うべきですか？ModernizrはCSSの接頭辞をカバーしていますか？
ありがとうございました。
Modernizrは、ブラウザの機能を検出するjavascriptライブラリです。あなたはそれを2つの方法で使うことができます。
これをファイルに含めてください。
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js">
https://modernizr.com/download?setclassesに移動し、modernizerを検出する機能を選択します。あなたが初心者の場合、これがどうやって混乱するのかが分かりますので、最初のオプションを使うことをお勧めします。
あなたのhtmlでこれを含める一度この<html class="no-js">にあなたのhtmlタグを変更して、ブラウザでページを見ると次のように表示されます。
<html class=" js no-flexbox no-canvas no-canvastext no-webgl no-touch no-geolocation no-borderimage no-borderradius no-boxshadow no-textshadow no-opacity no-cssanimations no-csscolumns no-cssgradients ... etc">
今、あなたは、通常のブラウザとあなたの機能をサポートしていないもののためにあなたのCSSを書くことができます。
したがって、通常のブラウザの場合は<div class="gradient">にグラデーションを追加する場合は、次のようにします。
div.gradient{
background: linear-gradient(red, yellow);
}
が、あなたのhtmlタグにno-borderradiusを追加modernizrボーダー半径をサポートしていないブラウザでは、上記を参照してください。したがって、これらのブラウザでは、一貫したビューを保証するためにこのようなCSSを書くことができます。
.no-cssgradients div.gradient{
background: url("glossybackground.png");
}