Bagaimana Saya Boleh Mengekalkan Saiz Font Hiperpautan Konsisten pada iPhone Semasa Perubahan Orientasi?

Mengekalkan Konsistensi Saiz Fon dalam Hiperpautan Di Tengah-tengah Perubahan Orientasi iPhone

Penerangan Isu

Aplikasi web mudah alih menghadapi cabaran yang pelik apabila hiperpautan dalam elemen senarai mengalami drastik perubahan saiz fon semasa peranti beralih antara mod potret dan landskap. Dalam mod potret, saiz fon mungkin ditetapkan dengan sewajarnya pada 14px, tetapi ia mengembang secara mengelirukan kepada 20px apabila peranti diputar.

Penyelesaian

Tingkah laku ini dikawal oleh -webkit-text- sifat CSS menyesuaikan saiz. Untuk melumpuhkan ciri ini dan mengekalkan saiz fon yang diingini, laksanakan perkara berikut:

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

Kod ini memastikan saiz fon kekal malar walaupun orientasi berubah, sambil masih membenarkan pengguna mengezum masuk mengikut keperluan.

Maklumat Tambahan

Untuk butiran lanjut tentang sifat -webkit-text-size-adjust, rujuk Kandungan Web Safari Panduan.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Mengekalkan Saiz Font Hiperpautan Konsisten pada iPhone Semasa Perubahan Orientasi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!