Mengapa Saiz Fon Saya Berubah dalam Safari iPhone, dan Bagaimana Saya Boleh Mengawalnya?

Percanggahan Rendering Saiz Fon Safari iPhone

Dalam keadaan tertentu, Safari pada iPhone telah diperhatikan untuk mengabaikan beberapa tetapan saiz fon, mengakibatkan dalam variasi saiz fon yang tidak dijangka. Isu ini menimbulkan persoalan: mengapa ini berlaku dan adakah terdapat unsur yang tidak mempunyai sokongan saiz fon dalam Safari/iPhone?

Penjelasan:

Percanggahan saiz fon yang diperhatikan berpunca daripada mekanisme dalam Safari Mudah Alih yang secara automatik menskala teks yang dianggapnya terlalu kecil untuk kebolehbacaan optimum. Tingkah laku ini bertujuan untuk meningkatkan pengalaman membaca pada skrin telefon pintar yang lebih kecil.

Penyelesaian:

Untuk mengatasi penskalaan automatik ini dan menguatkuasakan saiz fon yang diingini, anda boleh menggunakan CSS property -webkit-text-size-adjust. Dengan menetapkan nilainya kepada 100%, anda boleh memastikan bahawa teks akan dipaparkan pada saiz fon yang ditentukan, walaupun pada iPhone.

Berikut ialah coretan kod yang menunjukkan cara menggunakan penyelesaian ini:

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

Dengan memasukkan kod ini ke dalam CSS anda, anda boleh mengawal pemaparan teks pada iPhone dan menghalang Safari daripada mengubah saiz fon yang bertujuan untuk peranti atau keadaan lain.

Atas ialah kandungan terperinci Mengapa Saiz Fon Saya Berubah dalam Safari iPhone, dan Bagaimana Saya Boleh Mengawalnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!