在編寫CSS樣式表時,需要使用不同的長度單位來描述元素的尺寸和距離。符合CSS規范的長度單位包括:
px:像素,最常用的單位,表示屏幕上的一個點,視網膜屏幕可以顯示更多的像素,例如,1px在視網膜屏幕上顯示可能相當于2px或更多像素; em:相對于當前元素的字體大小,如果當前元素沒有定義字體大小,則相對于父元素的字體大小; rem:相對于根元素(html)的字體大小; vw/vh:視口寬度/高度的百分比,例如,某個元素設置為50vw,則該元素的寬度等于視口寬度的50%; %:相對于父元素的寬度或高度的百分比。
使用不同的長度單位可以幫助我們實現靈活的響應式設計,同時也可以提高網站的性能,因為使用相對單位可以避免在不同分辨率的設備上出現模糊或失真的情況,同時也可以減小文件的大小。
上一篇第一個 css 樣式
下一篇html5 按鈕設置