1rem 1em 1vh 1px各自代表的含義

2021-10-24 07:03:44 字數 585 閱讀 3342

rem是全部的長度都相對於根元素元素。通常做法是給html元素設定乙個字型大小,然後其他元素的長度單位就為rem。

子元素字型大小的em是相對于父元素字型大小

元素的width/height/padding/margin用em的話是相對於該元素的font-size

全稱是 viewport width 和 viewport height,視窗的寬度和高度,相當於 螢幕寬度和高度的 1%,不過,處理寬度的時候%單位更合適,處理高度的 話 vh 單位更好。

px畫素(pixel)。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。

一般電腦的解析度有等不同的解析度

1920*1024 前者是螢幕寬度總共有1920個畫素,後者則是高度為1024個畫素

後兩個很好理解沒有什麼問題,重點解釋一下第乙個和第二個

>

html

width :4rem;===

>4*20=80px

}#son

>

font-size:10px;

}#son

各自各精彩1

今天竟然天晴了 太神奇了 這些天陰霾的天很讓人沒意思。在這個地方還能開部落格,又是意外。相信很多同學都不會在這裡經過的,所以比較安全。畢竟我要寫的是我的女朋友們的事情。在我的身邊是在是太多女生了 家裡全都是女的,媽媽,外婆,姐姐,妹妹,姨媽們,楊只貓就非得是公的,陰陽協調。上學知道有男女之別後又總上...

各自各精彩1

今天竟然天晴了 太神奇了 這些天陰霾的天很讓人沒意思。在這個地方還能開部落格,又是意外。相信很多同學都不會在這裡經過的,所以比較安全。畢竟我要寫的是我的女朋友們的事情。在我的身邊是在是太多女生了 家裡全都是女的,媽媽,外婆,姐姐,妹妹,姨媽們,楊只貓就非得是公的,陰陽協調。上學知道有男女之別後又總上...

各自各精彩1

今天竟然天晴了 太神奇了 這些天陰霾的天很讓人沒意思。在這個地方還能開部落格,又是意外。相信很多同學都不會在這裡經過的,所以比較安全。畢竟我要寫的是我的女朋友們的事情。在我的身邊是在是太多女生了 家裡全都是女的,媽媽,外婆,姐姐,妹妹,姨媽們,楊只貓就非得是公的,陰陽協調。上學知道有男女之別後又總上...