Mengapa Teks Saya Memaparkan Lebih Besar Daripada Jangkaan dalam Safari pada iPhone?

Ketidakkonsistenan Saiz Fon dalam Safari pada iPhone

Walaupun menetapkan saiz fon yang jelas, anda mungkin menghadapi keadaan di mana Safari pada iOS memaparkan teks tertentu yang lebih besar daripada yang dijangkakan, walaupun apabila nilai saiz fon lebih kecil. Anomali ini boleh dikesan kembali kepada tingkah laku lalai Safari yang mengubah saiz teks secara automatik yang dianggap terlalu kecil untuk kebolehbacaan pada peranti mudah alih.

Mengatasi Isu dengan -webkit-text-size-adjust

Untuk memintas isu ini, anda boleh menggunakan sifat CSS -webkit-text-size-adjust. Dengan menetapkan -webkit-text-size-adjust: 100%; pada elemen badan anda, anda mengarahkan Safari pada iPhone untuk mematuhi saiz fon yang anda tentukan, mengatasi penskalaan automatiknya. Berikut ialah contoh pelaksanaan:

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

Pertanyaan media ini menyasarkan peranti dengan lebar maksimum 480 piksel, memastikan sifat -webkit-text-size-adjust hanya digunakan pada skrin iPhone. Dengan melumpuhkan penskalaan automatik Safari dalam pertanyaan media ini, anda boleh memastikan bahawa semua teks, tanpa mengira saiz fonnya, akan dipaparkan seperti yang dinyatakan dalam lembaran gaya anda.

Atas ialah kandungan terperinci Mengapa Teks Saya Memaparkan Lebih Besar Daripada Jangkaan dalam Safari pada iPhone?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!