Rumah  >  Artikel  >  hujung hadapan web  >  Apakah unit pc dalam css?

Apakah unit pc dalam css?

WBOY
WBOYasal
2022-09-14 16:57:514892semak imbas

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

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

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;
}
  • 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
  • mm

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

1mm = 3.78px
  • in

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

1in = 96px

(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!

Kenyataan:
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