css - Mengapa terminal mudah alih menghasilkan masalah "sempadan satu piksel"?

Question

Biar saya beritahu anda fikiran saya dahulu.
Kerana ketumpatan piksel fizikal skrin retina adalah 2 kali ganda daripada skrin biasa. Dalam erti kata lain, skrin retina satu inci yang sama menggunakan dua piksel fizikal untuk dipaparkan, manakala skrin biasa hanya menggunakan satu. Setakat ini, saya rasa saiz piksel fizikal skrin retina adalah lebih kecil daripada saiz piksel fizikal skrin biasa! Jika tidak, jika skrin retina adalah bersamaan secara berangka dengan skrin biasa, bukankah luas skrin retina adalah 4 kali ganda daripada skrin biasa? Tetapi pada hakikatnya, iPhone tidak lebih besar daripada telefon mudah alih biasa. Jadi
Saya rasa piksel fizikal skrin retina lebih kecil daripada piksel fizikal skrin biasa.


Kemudian soalan datang. Oleh kerana ini adalah kesnya, bagaimana mungkin terdapat masalah "sempadan satu piksel Walaupun skrin retina menggunakan dua piksel fizikal untuk mewakili piksel css, dan skrin biasa menggunakan satu piksel fizikal untuk mewakili piksel css, fizik?" daripada skrin retina
Saiz piksel adalah separuh daripada saiz biasa. Jadi mereka sepatutnya sama. Tetapi masalah ini wujud, yang hanya bermakna idea
saya salah. Tetapi saya tidak tahu apa yang saya lakukan salah. Bolehkah anda membantu saya menjelaskannya?

Answer 1

Piksel pada bahagian mudah alih tidak sama dengan piksel skrin Pertama sekali, ia berkaitan dengan nisbah penskalaan Jika ia disahkan sebagai 1.0, CSS boleh sepadan dengan document.body.clientHeight dan document.body.clientWidth. .
Untuk skrin 1920 x 1200, document.body mungkin hanya 480 x 662.

Answer 2

Gunakan susun atur rem secara langsung Pada pembesaran ini, adakah gambar akan menjadi kabur