1. 程式人生 > >Css3----calc動態計算長度值及vh

Css3----calc動態計算長度值及vh

用於動態計算長度值。

  • 需要注意的是,運算子前後都需要保留一個空格,例如:width: calc(100% - 10px)
  • 任何長度值都可以使用calc()函式進行計算;
  • calc()函式支援 "+", "-", "*", "/" 運算;
  • calc()函式使用標準的數學運算優先順序規則;

 

vh則是將螢幕分成100,vh100相當於100%;

height: calc(100vh); // 縱向百分百