Pelaporan Ketinggian Tidak Konsisten Landskap Safari iPad iOS 7: Menyelesaikan Isu
Dalam mod landskap Safari iPad iOS 7, percanggahan pelik timbul antara tetingkap .innerHeight dan window.outerHeight, dengan perbezaan 20px. Isu ini memberi kesan kepada apl web dengan ketinggian 100%, yang membawa kepada tingkah laku yang tidak dijangka.
Untuk menangani perkara ini, penyelesaian muncul melibatkan pelarasan kedudukan badan:
<code class="css">@media (orientation:landscape) { html.ipad.ios7 > body { position: fixed; bottom: 0; width: 100%; height: 672px !important; } }</code>
Kod ini membetulkan keadaan secara bersyarat kedudukan badan untuk memastikan ketinggiannya sejajar dengan tingkap.innerHeight. Selain itu, skrip telah digunakan untuk mengesan peranti iPad yang menjalankan iOS 7, secara dinamik menambahkan kelas CSS pada elemen untuk penggayaan disasarkan:
<code class="javascript">if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) { $('html').addClass('ipad ios7'); }</code>
Dengan melaksanakan pengubahsuaian ini, isu itu telah diselesaikan, membenarkan apl web mengira ketinggiannya dengan tepat dan mengelakkan percanggahan 20px dalam mod landskap Safari iPad iOS 7.
Atas ialah kandungan terperinci Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan artikel anda: * Mengapakah window.innerHeight 20px lebih kecil daripada window.outerHeight dalam mod landskap Safari iPad iOS 7, dan bagaimana saya boleh membetulkannya? * Cara Menyelesaikan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!