Rumah > Artikel > hujung hadapan web > Apakah unit css px?
Dalam CSS, nama penuh px ialah piksel, yang bermaksud "piksel" dalam bahasa Cina Ia adalah unit panjang imej digital bagi sistem komputer, berbanding dengan resolusi paparan skrin . Resolusi monitor komputer biasa ialah 96DPI, yang bermaksud 1 piksel ialah "1/96" inci.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
px ialah singkatan piksel, yang merupakan unit piksel dan unit asas paparan imej. ditambah dengan perkataan Inggeris "elemen", ia menjadi Dapatkan piksel, jadi "piksel" bermaksud "elemen gambar", kadangkala juga dipanggil pel (elemen gambar).
px (piksel, piksel): Ia ialah unit panjang maya, iaitu unit panjang imej digital sistem komputer Jika px hendak ditukar kepada panjang fizikal, DPI ketepatan (Titik Per Inch,. piksel per inci) perlu dinyatakan , secara amnya terdapat pilihan DPI semasa mengimbas dan mencetak. Lalai untuk sistem Windows ialah 96dpi, dan lalai untuk sistem Apple ialah 72dpi.
Dalam CSS, px ialah unit panjang relatif, yang relatif kepada resolusi paparan skrin.
Pada peranti yang sama, piksel fizikal yang diwakili oleh setiap piksel CSS boleh berubah (iaitu aspek kerelatifan pertama piksel CSS
).Apabila menukar, untuk pencetak 300DPI (iaitu, setiap titik ialah 1/300 inci), 1px biasanya akan dibundarkan kepada 3 titik, iaitu kira-kira 0.25mm dan untuk pencetak 600DPI, ia mungkin dibundarkan kepada 5 titik, iaitu 0.21mm.
Ringkasnya, px ialah unit relatif dan sentiasa merupakan nilai anggaran pada peranti tertentu (prinsipnya adalah sedekat mungkin dengan piksel rujukan).
Walau bagaimanapun, jika anda memahami unit mutlak sebagai kawalan mutlak ke atas kesan keluaran, keadaannya agak berbeza. Setakat objek utama output halaman web - skrin komputer berkenaan, px boleh dianggap sebagai unit rujukan - konsisten dengan resolusi desktop Jika ia adalah skrin LCD, ia hampir selalu konsisten dengan resolusi fizikal Skrin LCD - iaitu Dikatakan bahawa 1px yang ditetapkan oleh pereka web ialah "1 titik pada monitor pengguna yang akhirnya melihat halaman web ini"! Sebaliknya, unit mutlak tersebut tidak mutlak sama sekali.
Oleh kerana unit mutlak seperti cm atau pt mesti ditukar kepada piksel apabila dipaparkan pada skrin, dan penukaran ini tidak berdasarkan panjang fizikal sebenar piksel (pelayar tidak perlu tahu, dan ia adalah mustahil untuk mengetahui Apakah panjang fizikal semasa 1px monitor ini), tetapi ia dikira mengikut DPI yang ditetapkan oleh desktop. Dalam erti kata lain, pereka web menentukan bahawa fon tertentu ialah 12pt (iaitu 1/6 inci atau 4.2mm Sebenarnya, apabila anda mengukur skrin, hampir mustahil untuk menjadi tepat 12pt, tetapi hanya 16px mendekati 12pt (). ditukar mengikut 96DPI) . Jika pic skrin anda ialah 0.29mm, ia sebenarnya 4.64mm atau 13.15pt. Jika anda menukar desktop kepada fon besar (120DPI), 12pt terakhir adalah bersamaan dengan 20px Mengikut pic titik 0.29mm, kesan akhir ialah 16.44pt.
Pada masa lalu, adalah disyorkan bahawa pereka web tidak menggunakan px Salah satu sebabnya ialah pengguna boleh melaraskan DPI desktop mengikut keperluan mereka sendiri, dengan itu mengawal panjang sebenar panjang mutlak (lidah twister).
Walau bagaimanapun, ini sebenarnya mencurigakan. Memandangkan panjang sebenar panjang mutlak boleh dilaraskan mengikut keperluan, tidak ada sebab mengapa panjang relatif seperti px tidak boleh dilaraskan mengikut keperluan. Sama seperti apabila foto sebenarnya dicetak, anda sudah tentu boleh menskalakannya mengikut keperluan, fon dan imej yang ditetapkan dalam px boleh diskalakan apabila sebenarnya dipaparkan - maka 1px yang ditentukan oleh pereka web tidak lagi sepadan dengan 1px desktop pengguna , sebaliknya ia mungkin sepadan dengan 1.2px atau 1.5px atau nilai lain.
Pada masa lalu, pilihan untuk melaraskan saiz fon dalam penyemak imbas hanya berkesan untuk panjang mutlak (bersamaan dengan melaraskan DPI dalam penyemak imbas) dan tidak berkesan untuk px Ini hanya boleh dikatakan sebagai reka bentuk masalah penyemak imbas yang lalu, bukan masalah px. Penyemak imbas kini menyokong penskalaan fon yang ditetapkan dalam px. Seperti Firefox, pengguna juga boleh memilih untuk menskalakan fon sahaja atau imej juga. Oleh itu, ia boleh dilaksanakan sepenuhnya untuk menggunakan semua px "reka bentuk tepat tahap piksel", dan ia juga merupakan kaedah reka bentuk yang saya fikir adalah munasabah. Lagipun, px dalam CSS bertujuan untuk memastikan pengalaman membaca yang konsisten. Sama ada ia adalah susun atur cecair atau susun atur tetap, dan sama ada ia boleh menyesuaikan diri dengan resolusi yang berbeza, itu topik lain, dan ia tidak berkaitan secara langsung sama ada untuk menggunakan px sebagai unit.
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah unit css px?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!