css中單位方法有哪些

發(fā)布時間：2020-09-26 11:10:38 來源：億速云閱讀：118 作者：小新欄目：web開發(fā)

css中單位方法有哪些？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

css中單位方法有哪些

px：絕對單位，頁面按精確像素展示

em：相對單位，基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大小，如果自身定義了font-size按自身來計(jì)算（瀏覽器默認(rèn)字體是16px），整個頁面內(nèi)1em不是一個固定的值。

rem：相對單位，可理解為”root em”, 相對根節(jié)點(diǎn)html的字體大小來計(jì)算，CSS3新加屬性，chrome/firefox/IE9+支持

vw：viewpoint width，視窗寬度，1vw等于視窗寬度的1%。

vh：viewpoint height，視窗高度，1vh等于視窗高度的1%。

vmin：vw和vh中較小的那個。

vmax：vw和vh中較大的那個。

vw, vh, vmin, vmax：IE9+局部支持，chrome/firefox/safari/opera支持，ios safari 8+支持，android browser4.4+支持，chrome for android39支持

%:百分比

in:寸

cm:厘米

mm:毫米

pt:point，大約1/72寸

pc:pica，大約6pt，1/6寸

ex：取當(dāng)前作用效果的字體的x的高度，在無法確定x高度的情況下以0.5em計(jì)算(IE11及以下均不支持，firefox/chrome/safari/opera/ios safari/android browser4.4+等均需屬性加么有前綴)

ch:以節(jié)點(diǎn)所使用字體中的“0”字符為基準(zhǔn)，找不到時為0.5em(ie10+,ch

感謝各位的閱讀！看完上述內(nèi)容，你們對css中單位方法有哪些大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡