Mengapa Safari pada iPhone Abaikan Tetapan Saiz Fon Saya?

Mengapa Safari/iPhone Mengabaikan Beberapa Tetapan Saiz Fon

Apabila menggayakan tapak web anda, anda mungkin menghadapi keadaan di mana tetapan saiz fon diabaikan dalam Safari pada iPhone. Tingkah laku yang membingungkan ini dikaitkan dengan penskalaan teks automatik Mobile Safari untuk meningkatkan kebolehbacaan pada skrin kecil.

Penyelesaian:

Untuk mengatasi tingkah laku penskalaan ini, gunakan sifat CSS -webkit-text-size-adjust. Sifat ini mengarahkan penyemak imbas untuk melaraskan saiz teks kepada peratusan yang ditentukan. Dengan menetapkannya kepada 100%, anda melumpuhkan penskalaan automatik.

Berikut ialah cara menggunakan pembetulan ini khusus untuk iPhone:

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

Dengan melaksanakan pembetulan ini, anda boleh memastikan bahawa saiz fon anda adalah diberikan seperti yang dimaksudkan, tanpa mengira peranti atau penyemak imbas yang digunakan.

Atas ialah kandungan terperinci Mengapa Safari pada iPhone Abaikan Tetapan Saiz Fon Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!