CSS3絕對單位指的是在樣式表中直接指定的單位,不會受到父元素的影響。其中,像素(px)和點(pt)是應用最廣泛的絕對單位。
p { font-size: 16px; width: 200px; height: 100px; }
在上述代碼中,我們可以看到字體大小使用了像素作為單位,這意味著該字體的大小會被直接指定為16px。同理,元素的寬度和高度也使用了像素作為單位。
相對于像素和點,其它絕對單位的應用比較少見,例如毫米(mm)、厘米(cm)、英寸(in),甚至怪異的皮克斯(pxs)和火車長度(ch)。
因為絕對單位不受父元素影響,所以在響應式設計中可能會比較困難。同時,不同設備屏幕密度不同,同樣大小的元素在不同設備上可能會呈現出不同的大小。因此,應該謹慎使用絕對單位,盡可能使用相對單位(如em和rem)來實現更加靈活的樣式表。
下一篇css3繞一邊旋轉