Rumah > hujung hadapan web > tutorial css > Mengapa Teks Saya Memaparkan Lebih Besar Daripada Jangkaan dalam Safari pada iPhone?

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

Linda Hamilton
Lepaskan: 2024-11-01 16:54:02
asal
971 orang telah melayarinya

Why is My Text Displaying Larger Than Expected in Safari on 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%;
  }
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan