フォーム要素に集中して方向を変えると、iOS デバイスが Web サイトのビューをロックすることに気付きました。
<input>
既に実装されているこのコードを変更して、<select>
横向きか縦向きかを問わず、方向を失って焦点を合わせる機能を含める方法があるかどうか疑問に思っていましたか?
ここに私がすでに持っているコードがあります:
// Fix HTML width issues on device orientation
window.document.addEventListener('orientationchange', function() {
var iOS = navigator.userAgent.match(/(iPad|iPhone|iPod)/g);
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (iOS && viewportmeta) {
if (viewportmeta.content.match(/width=device-width/)) {
viewportmeta.content = viewportmeta.content.replace(/width=[^,]+/, 'width=1');
}
viewportmeta.content = viewportmeta.content.replace(/width=[^,]+/, 'width=' + window.innerWidth);
}
// If you want to hide the address bar on orientation change, uncomment the next line
window.scrollTo(0, 0);
}, false);
どんな助けでも大歓迎です、ありがとう