Bagaimana Saya Boleh Menghalang Perubahan Saiz Fon dalam Apl Web iPhone Semasa Anjakan Orientasi?

Memelihara Saiz Fon dalam Perubahan Orientasi iPhone

Banyak aplikasi web menghadapi isu yang mengecewakan di mana saiz fon hiperpautan berubah apabila iPhone beralih daripada potret kepada mod landskap. Untuk mengekalkan saiz fon yang diingini, langkah berikut boleh diambil:

Pertama, tentukan saiz fon dalam CSS, pastikan ia ditetapkan seperti yang dikehendaki dalam mod potret. Contohnya:

ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #cc9999;
}

Seterusnya, lumpuhkan kelakuan lalai menggunakan sifat CSS -webkit-text-size-adjust. Sifat ini menghalang penskalaan saiz fon. Laksanakannya seperti berikut:

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

Panduan Kandungan Web Safari menyediakan maklumat lanjut tentang penggunaan harta ini. Dengan melaksanakan langkah-langkah ini, saiz fon hiperpautan akan kekal konsisten tanpa mengira orientasi iPhone.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menghalang Perubahan Saiz Fon dalam Apl Web iPhone Semasa Anjakan Orientasi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!