移動端開發時使用到的css單位

常用:(px除外)

  1. em:定義字體大小時以父級的字體大小爲基準;定義長度單位時以當前字體大小爲基準。例父級font-size: 14px,則子級font-size: 1em;font-size: 14px;;若定義長度時,子級的字體大小如果爲14px,則子級width: 2em;width: 24px
  2. rem:以根元素的字體大小爲基準。例如htmlfont-size: 14px,則子級1rem = 14px
  3. %:以父級的寬度爲基準。例父級width: 200px,則子級width: 50%;height:50%;width: 100px;height: 100px;
  4. vwvh:基於視口的寬度和高度(視口不包括瀏覽器的地址欄工具欄和狀態欄)。例如視口寬度爲1000px,則60vw = 600px;
  5. vminvmaxvmin爲當前vwvh中較小的一個值;vmax爲較大的一個值。例如視口寬度375px,視口高度812px,則100vmin = 375px;100vmax = 812px;

不常用:

  1. exchex以字符"x"的高度爲基準;例如1ex表示和字符"x"一樣長。ch以數字"0"的寬度爲基準;例如2ch表示和2個數字"0"一樣長。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章