Bagaimanakah Saya Boleh Menyasarkan Nisbah Aspek Unik iPhone 5 dalam Pertanyaan Media Saya?-tutorial css-php.cn

Bagaimanakah Saya Boleh Menyasarkan Nisbah Aspek Unik iPhone 5 dalam Pertanyaan Media Saya?

Patricia Arquette

Lepaskan： 2024-12-02 14:11:10

asal

356 orang telah melayarinya

How Can I Target the iPhone 5's Unique Aspect Ratio in My Media Queries?

teka-teki pertanyaan media iPhone 5

Untuk iPhone 5, pertanyaan lebar peranti maks biasa tidak mencukupi. Memandangkan iPhone 5 mempunyai skrin yang lebih panjang, ia melangkau paparan mudah alih sama sekali.

Untuk menyesuaikan diri, pertimbangkan untuk memasukkan nisbah aspek peranti ke dalam pertanyaan media anda. Menariknya, nisbah bidang iPhone 5 bukanlah 16:9 tetapi sebaliknya 40:71.

@media screen and (device-aspect-ratio: 40/71) {}

Salin selepas log masuk

Dengan cara ini, anda boleh menyasarkan iPhone 5 secara khusus sambil mengingati model iPhone lain:

iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 6:
@media screen and (device-aspect-ratio: 375/667) {}

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}

Salin selepas log masuk

Dengan menggunakan nisbah aspek-peranti dalam pertanyaan media anda, anda boleh memastikan tapak web anda menyesuaikan dengan anggun kepada model iPhone yang berbeza, termasuk iPhone 5 yang lebih luas dan nisbah bidang yang unik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyasarkan Nisbah Aspek Unik iPhone 5 dalam Pertanyaan Media Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!