CSS3 の新しい単位とは何ですか?最新CSS3の新ユニットを詳しく解説

CSS3 の新しい単位とは何ですか? CSS3 に触れたばかりの友人の中には、このような疑問を持つ人も多いと思います。この章では、CSS3 の新しいユニットとは何なのかを紹介します。最新のCSS3の新ユニットを詳しく解説。困っている友人は参考にしていただければ幸いです。

いくつかの新しい単位が css3 に導入されました。

ch: 文字 0 (ゼロ) の幅

rem: ルート要素 (html 要素) のフォント サイズ。 );

vw：視点の幅、ウィンドウの幅、1vwはウィンドウの幅の1%に等しい;

vh：視点の高さ、ウィンドウの高さ、1vhはウィンドウの1%に等しい。高さ;

vmin: vw と vh の小さい方。

vmain: vw と vh の大きい方。

deg-angle

vw、vh、および vmin は、ウィンドウ サイズが変更されると、それに応じて変更されます。

rem 単位は、px em の変形のように感じられます。これを使用する価値があるかどうかは、ユーザー自身の選択によって異なります。px ほど正確ではなく、em ほど柔軟性もありません。つまり、より柔軟です。 pxよりも正確で、em~~... …XD...

フォントサイズが定義されていない場合はどうすればよいですか?

実際、伝説によると、各ブラウザには前例のないデフォルトの font-size: 16px; が設定されているため、スタイル ファイルで font-size の初期値を定義するのを忘れたとしても、心配する必要はありません。 em と rem は引き続き安心して使用できます。

ブラウザのサポート:

rem、基本的にすべてのブラウザがサポートしています。IE9、FF3.6、Chrome、Safari 5、Opera 11.6 vw、vh、vmin、ブラウザはサポートしていますが、楽観的ではありません。 IE9 はサポートしていますが、Chrome は現在サポートしていません。Chrome 20 は再びサポートする予定です (以前はサポートされていたようです?)。Safari は間もなくサポートします。Opera と Firefox はまだサポートされていません。

上記は、CSS3 の新しいユニットとは何ですか?最新の CSS3 の新しいユニットの完全な紹介 CSS3 ビデオ チュートリアル について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

以上がCSS3 の新しい単位とは何ですか?最新CSS3の新ユニットを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。