CSS3の新発見の高さ:100VH。

オリジナルリンク: https://blog.csdn.net/wkj001/article/details/94872296

VH / VW
VH:ウィンドウに対する高さは、ウィンドウは、VH 100の単位に分割され、
VW:ウィンドウの幅に対して、ウィンドウがVW 100単位に分割されます。

VMAX:幅以上のものにウィンドウの相対的な高さ。これらの最大値Vmaxは100個の単位に分割され、
Vminと:ウィンドウの小さな幅または高さに対して。VMIN 100の単位に分割されている最小の特徴、
内部ブラウザの表示可能領域と呼ばれる視域、
即ちwindow.innerWidth / window.innerHeightサイズは、ブラウザは、タイトルバーおよび底トレイツールバーを含みません領域サイズ。

Calcの
Calcは英語の単語を計算(計算)は、要素の長さを指定するために使用される新しい機能CSS3、です。たとえば、要素、マージン、pading、フォントサイズ、幅及びその他の動的な値のプロパティにCALC()境界線を使用することができます。なぜそれが動的な値であると言う?値は、我々が取得するために使用する表現です。しかしながらCALC()最大の利点は、()のレイアウトで使用される流体は、素子幅CALCによって計算することができるということです。

Calcは提供CSS3 CSSファイル関数で算出される値です。

用于动态计算长度值。
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
任何长度值都可以使用calc()函数进行计算;
calc()函数支持 “+”, “-“, “*”, “/” 运算;
calc()函数使用标准的数学运算优先级规则;
calc(100vh - 10px)  表示整个浏览器窗口高度减去10px的大小
calc(100vw - 10px)   表示整个浏览器窗口宽度减去10px的大小

通常、フローレイアウトの幅と高さを設定するために使用される、もちろん、あなたがCALC()要素のボーダー、マージン、pading、フォントサイズ、および動的な値の幅を設定し、他の属性を使用することができます

Calcの()の互換性は、の使用を注意してください、次のとおりです。
ここに画像を挿入説明

おすすめ

転載: blog.csdn.net/weixin_45734493/article/details/102513864