CSS裡的單位介紹

2021-07-09 09:58:46 字數 844 閱讀 1973

在寫css的時候最常用的長度單位是px(畫素),經常看到的還有em,pt等等,其實css中的長度單位一共有8個,分別是px,em,pt,ex,pc,in,mm,cm。

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

譬如,wondows的使用者所使用的解析度一般是96畫素/英吋。而mac的使用者所使用的解析度一般是72畫素/英吋。

2、em:相對長度單位。相對於當前物件內文字的字型尺寸。

如當前行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。

3、pt:點(point),絕對長度單位。

4、ex:相對長度單位。相對於字元「x」的高度。此高度通常為字型尺寸的一半。

如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。

5、pc:派卡(pica),絕對長度單位。相當於我國新四號鉛字的尺寸。

6、in:英吋(inch),絕對長度單位。

7、mm:公釐(millimeter),絕對長度單位。

8、cm:厘公尺(centimeter),絕對長度單位。

其中:1in = 2.54cm = 25.4 mm = 72pt = 6pc ;

容器的大小我們經常用px做單位;字型大小(font-size)很多人用px做單位,其實用px做字型單位唯一的致命缺點就是在ie下無法用瀏覽器字型縮放的功能。

但是,個人認為現在用px做字型單位在ie下無法用瀏覽器字型縮放的功能的缺點已經不再是那麼重要了。因為新版本ie7,ie8都已經支援整個網頁的縮放功能,包括火狐預設也是縮放整個網頁,而不是縮放字型,沒那麼單純的縮放字型大小還有什麼重大的意義嗎?按住ctrl+滾動滑鼠的中間的滾輪試試!ie進步了!

css中尺寸單位介紹

1.em 在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em,則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候,em始終是按照當前div繼承的字型大小來縮放,參照後面的例子。2.rem 這裡的r就...

電腦裡位元組單位

kilobyte kb 1024 bytes megabyte mb 1024 kilobytes gigabyte gb 1024 megabytes terabyte tb 1024 gigabytes petabyte pb 1024 terabytes exabyte eb 1024 pet...

CSS 單位 絕對單位 相對單位

我們對單位很熟悉,比如說,千克,千公尺,公尺等,這些就是絕對單位,我們又有聽到太陽的質量等於33個地球,這個就是相對單位。在css中,單位也可以分為這兩類。在第二個box裡,300px的小框跟上面的框的300px一樣長,而第二個框裡面的50 跟第乙個框的50 為不一樣,這個就很好的解釋了相對單位和絕...