CSS3中的px,em,rem,vh,vw
一、px：像素，精確顯示html
二、em：繼承父類字體的大小，至關於「倍」，如：瀏覽器默認字體大小爲16px=1em，始終按照div繼承來的字體大小顯示，進場用於移動端瀏覽器
em換算工具：http://www.runoob.com/tags/ref-pxtoemconversion.html工具
三、rem：與em相似，rem是繼承根節點的屬性（即<html>標籤），其餘的與em相同字體
四、vh：當前可見高度的1%=1vhhtm
區別是：當div中沒有內容時，height=100%，則高度不顯示出來繼承
當div中沒有內容時，height=100vh，則高度依然能顯示出來rem
五、vw：當前可見寬度的1%=1vwio
區別是：當div中沒有內容時，width=100%，則寬度不顯示出來移動
當div中沒有內容時，width=100vh，則寬度依然能顯示出來di
相關文章
- 1. CSS3中的px,em,rem,vh,vw辨析
- 2. vw，vh，px，%，em，rem
- 3. px、em、rem、vh、vw
- 4. px, em, rem, vw, vh, vmin, vmax的含義
- 5. px,em,rem,vh,vw,vmin,vmax的區別
- 6. CSS單位px、em、rem、vh、vw、vmin、vmax
- 7. px、em、rem區別 pt ppi dpi vw vh
- 8. 認識css中的單位：px、em、rem、%、vw、vh。
- 9. css3中的一些特別的單位：em、rem、vw、vh、vmin、vmax
- 10. css3 px、em和rem
- 更多相關文章...
- • Spring中Bean的作用域 - Spring教程
- • 現實生活中的 XML - XML 教程
- • C# 中 foreach 遍歷的用法
- • Scala 中文亂碼解決
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
相關文章