Mengapa Saiz Fon Lebih Besar Daripada Jangkaan dalam Safari pada iPhone?

Ketidakkonsistenan Penskalaan Fon dalam Safari pada iPhone

Dalam senario tertentu, pengguna mengalami percanggahan dalam saiz fon yang diberikan dalam Safari pada iPhone. Saiz fon kelihatan lebih besar daripada jangkaan, walaupun dinyatakan dengan nilai yang lebih rendah. Tingkah laku ini telah menimbulkan persoalan tentang kemungkinan CSS atau had teknikal.

Penjelasan:

Safari pada iPhone menggunakan mekanisme penskalaan teks automatik yang bertujuan untuk meningkatkan kebolehbacaan pada skrin yang lebih kecil. Ciri ini, walau bagaimanapun, boleh membawa kepada ketidakkonsistenan apabila saiz fon tertentu kelihatan lebih besar daripada yang lain, walaupun terdapat perbezaan berangkanya. Ini berlaku terutamanya apabila saiz fon yang ditentukan dianggap terlalu kecil untuk kebolehbacaan optimum.

Penyelesaian:

Untuk menyelesaikan isu ini, gunakan sifat CSS -webkit -laras-saiz-teks. Sifat ini membolehkan anda mengatasi penskalaan teks automatik Safari Mudah Alih. Untuk melumpuhkan penskalaan untuk iPhone, gunakan CSS berikut:

<code class="css">@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}</code>

Dengan menetapkan sifat -webkit-text-size-adjust kepada 100%, anda mengarahkan Safari untuk tidak menskalakan teks dalam elemen badan untuk iPhone. Ini memastikan bahawa semua saiz fon yang ditentukan, termasuk yang ditetapkan kepada 13px dan 15px, dipaparkan tanpa pengubahsuaian.

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