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

Memelihara Saiz Fon HTML Semasa Perubahan Orientasi iPhone

Apabila memaparkan halaman web pada iPhone, adalah perkara biasa untuk menghadapi perubahan dalam saiz fon apabila menukar antara orientasi potret dan landskap. Untuk menyelesaikan isu ini dan mengekalkan saiz fon hiperpautan yang konsisten, pertimbangkan penyelesaian berikut:

HTML:

<ul>
    <li>

CSS:

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

Untuk memastikan saiz fon hiperpautan kekal tidak berubah tanpa mengira orientasi, tambahkan sifat CSS berikut:

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

Harta ini melumpuhkan kelakuan lalai secara automatik melaraskan saiz teks berdasarkan orientasi. Akibatnya, saiz fon hiperpautan akan kekal pada nilai yang ditentukan (14px dalam kes ini) walaupun semasa bertukar antara mod potret dan landskap.

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