CSS3 中的尺寸單位可以分為相對值和絕對值兩種,其中絕對值單位是指在不同顯示器、設備和瀏覽器中具有一定的固定值,不會根據(jù)視口大小、字體大小等因素進行改變。而本文將重點介紹 CSS3 中的絕對值單位。
px { font-size: 16px; }
像素值(px)是 CSS3 中最常用的絕對值單位之一。 1px 等于屏幕上的一個物理像素,它是絕對不會改變的,所以不同屏幕下一個 16px 大小的文字在物理尺寸上是一樣的。
in { width: 1in; }
英寸值(in)是另一種常見的絕對值單位,它表示一英寸的長度。不過我們需要謹記,不同的設備具有不同的分辨率,在一個 72DPI 的屏幕上,1in 等于 72px,而在一個 300DPI 的打印機上,1in 則等于 300px。
pt { font-size: 12pt; }
點值(pt)主要用于印刷領域,它也是一個固定的尺寸單位。1pt 等于 1/72 英寸,用于設置字體大小時,它會被轉(zhuǎn)換成像素。
cm { width: 2cm; }
厘米值(cm)是用于一些固定尺寸的元素的長度單位,比如卡片、名片等。1cm 等于屏幕上 96px 的長度,所以 2cm 的長度就是 192px。
總的來說,CSS3 中的絕對值單位可以使元素的尺寸達到精準的控制,適合于設計師的固定尺寸設計。但我們也必須在使用中注意不同設備下的顯示效果。