Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah unit pc dalam css?

Apakah unit pc dalam css?

WBOY
Lepaskan: 2022-09-14 16:57:51
asal
4964 orang telah melayarinya

Dalam CSS, pc ialah unit mutlak; bermaksud pai, kad juga merupakan istilah cetakan dan "1pc = 16px".

Apakah unit pc dalam css?

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

Apakah unit pc dalam css

Pc dalam css ialah unit mutlak

Dalam CSS, mutlak unit termasuk: px, pt, pc, cm, mm, in, dsb. Unit mutlak ialah nilai tetap yang mencerminkan saiz fizikal sebenar. Ia tidak dipengaruhi oleh saiz skrin atau saiz fon. Saiznya bergantung pada nilai dan resolusi skrin (DPI, titik per inci). px ialah salah satu unit mutlak kami yang paling biasa digunakan. Hubungan penukaran antara unit mutlak ini adalah seperti berikut:

1in = 25.4mm = 2.54cm = 6pc = 72pt =96px
Salin selepas log masuk

pc

pc bermaksud Picas, yang bermaksud pica. Ia bersamaan dengan saiz jenis No 4 baru negara saya. Paica juga merupakan istilah bercetak, 1 paica bersamaan dengan 12 mata. Hubungan penukarannya dengan px adalah seperti berikut:

1pc = 16px
Salin selepas log masuk

Pengetahuan lanjutan

  • px

px ialah singkatan kepada Pixels, yang bermaksud piksel Ia tidak sama dengan piksel paparan, terutamanya pada skrin definisi tinggi. Walaupun unit CSS berskala dengan sewajarnya bergantung pada penyemak imbas, sistem pengendalian atau perkakasan, dan mungkin berbeza-beza di bawah peranti tertentu atau tetapan resolusi pengguna, 96px secara amnya sama dengan saiz satu inci fizikal.

CSS mentakrifkan kaedah paparan imej raster (seperti foto, dll.) sebagai saiz lalai setiap imej ialah 1px. Panjang dan lebar foto resolusi "600x400" masing-masing ialah "600px" dan "400px", jadi piksel foto itu sendiri tidak konsisten dengan piksel peranti paparan, tetapi konsisten dengan unit px. Ini membolehkan imej diselaraskan sepenuhnya dengan elemen lain halaman web.

Banyak kali, px juga sering dipanggil piksel CSS. Ia adalah unit mutlak, tetapi juga boleh dianggap sebagai unit relatif, kerana unit piksel adalah relatif kepada piksel peranti. Pada peranti yang sama, piksel fizikal yang diwakili oleh setiap piksel CSS boleh berubah antara peranti yang berbeza, piksel fizikal yang diwakili oleh setiap piksel CSS boleh berubah.

.box {
    width: 100px;
    height: 100px;
}
Salin selepas log masuk
  • pt

pt bermaksud Point, yang bermaksud titik. Ia sering digunakan dalam reka bentuk perisian dan industri penataan huruf dan percetakan (produk akhir sistem front-end yang saya bina ialah PDF yang perlu dicetak, jadi unit ini sering digunakan). Apabila menggunakan unit ini, hasil yang dicetak di atas kertas akan sama tanpa mengira resolusi monitor.

Jika ia semata-mata untuk paparan halaman web, adalah disyorkan untuk menggunakan unit piksel px Jika anda perlu mengeluarkan produk bercetak, anda boleh mempertimbangkan untuk menggunakan pt.

  • cm

cm bermaksud Sentimeter, yang bermaksud sentimeter. Hubungan penukarannya dengan px adalah seperti berikut:

1cm = 37.8px
Salin selepas log masuk
  • mm

mm bermaksud Milimeter, yang bermaksud milimeter. Hubungan penukarannya dengan px adalah seperti berikut:

1mm = 3.78px
Salin selepas log masuk
  • in

in bermaksud Inci, yang bermaksud inci. Hubungan penukarannya dengan px adalah seperti berikut:

1in = 96px
Salin selepas log masuk

(Mempelajari perkongsian video: tutorial video css, tutorial video html)

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

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan