Apakah unit mutlak css?

Dalam CSS, unit mutlak dipanggil "unit panjang mutlak", iaitu nilai tetap yang mencerminkan saiz fizikal sebenar unit mutlak bergantung pada medium keluaran dan tidak bergantung pada persekitaran (paparan, resolusi), sistem pengendalian, dsb.). Unit mutlak CSS termasuk cm (sentimeter), mm (milimeter), in (inci), px (piksel), pt (mata) dan pc (picas).

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Unit panjang CSS boleh dibahagikan kepada: unit panjang relatif dan unit panjang mutlak.

Unit relatif

Unit panjang relatif menentukan sifat satu panjang berbanding panjang yang lain. Ia lebih sesuai untuk peralatan yang berbeza dan panjang relatif.

单位	描述
em	它是描述相对于应用在当前元素的字体尺寸，所以它是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px
ex	依赖于英文字母小x的高度
ch	数字0的宽度
rem	rem是根(root em)的缩写，相对于根元素字体大小（相对的只是HTML根元素）；
vw	viewpoint width，视窗宽度，1vw = 视窗宽度的1%
vh	viewpoint height，视窗高度，1vh = 视窗高度的1%
vmin	vw和vh中较小的一个
vmax	vw和vh中较大的一个

Unit mutlak

Unit panjang mutlak ialah nilai tetap yang mencerminkan saiz fizikal sebenar. Unit panjang mutlak bergantung pada medium output dan tidak bergantung pada persekitaran (monitor, resolusi, sistem pengendalian, dll.)

单位	描述
cm	厘米
mm	毫米
in	英寸(1in= 96px = 2.54cm)
px	像素
pt	point (1pt = 1/72in)
pc	pica 大约12pt(1pc = 12pt)

unit css px --- panjang yang paling biasa digunakan unit

px, juga dikenali sebagai: piksel, ialah unit bersaiz tetap media skrin (iaitu, dibaca pada skrin komputer), dan merupakan unit yang diukur dalam sudut. Satu piksel adalah sama dengan satu titik pada skrin komputer (iaitu: pembahagian terkecil bagi resolusi skrin), dan halaman web boleh dipaparkan dengan sempurna tepat setiap piksel. Mari lihat cara untuk menyediakannya, contohnya:

.demo{  font-size: 40px; }

unit pc css

pc: Kad pai (Pica) adalah bersamaan dengan saiz jenis No. 4 baru negara saya.

.demo{  font-size: 4pc; }

css pt unit

pt: Titik, unit panjang mutlak

.demo{  font-size: 40pt; }

css dalam unit

dalam: Inci, unit ukuran fizikal, Tetapi dalam dunia CSS, inci hanya dipetakan terus ke piksel.

.demo{  font-size: 0.5in; }

unit css mm

mm: Milimeter, ialah A fizikal unit ukuran tertib magnitud yang kecil.

.demo{  font-size: 10mm; }

css cm unit

cm: Sentimeter, untuk yang terbesar di dunia Kebanyakan orang biasa dengan unit ukuran fizikal yang berguna. Dalam css ia juga dipetakan kepada piksel.

.demo{  font-size: 1cm; }

Pengetahuan yang diperluas:

Mari kita lihat bagaimana unit panjang ini ditukar:

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px

Di bawah ini kami memberikan formula untuk penukaran bersama pt dan px:

px = pt *（96/72）
pt=px*（72/96）

(Belajar perkongsian video: Bermula dengan bahagian hadapan web)

Atas ialah kandungan terperinci Apakah unit mutlak css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!