Я действительно застрял на этом :( Проблема в том, что когда я использую свой телефон, таблица стилей меняется на ориентацию: альбомная, когда я щелкаю поле ввода.
У меня есть это в моем заголовке:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
И это в моей таблице стилей:
.searchbox {width: 200px; font-size: 16px;}
@media all and (orientation:portrait) {.searchbox {width: 25vw;}}
Весь мой сайт отлично работает с разными таблицами стилей, когда телефон в портретной или альбомной ориентации. Но ... Если я сделаю стандарт поле input = "search" выглядит следующим образом:
<input type="search" id="searchfield" name="searchfield" class="searchbox">
Тогда все идет не так ... Как только я коснусь поля, чтобы ввести в него что-то, весь сайт перейдет в ландшафтный режим. Так как телефон все еще удерживается в портретном режиме, все портится, потому что он получает таблицу стилей для ландшафта на всем сайте ... Когда я нажимаю за пределами поля поиска, он переключается обратно в портретный режим ... Я мог бы подумать, что область просмотра изменяется на поле, которое активный, и поскольку он широкий, он определяет его как ландшафт ... или что-то ... Я пытался много искать для этого, но не могу ничего найти. Интересно, почему я Единственный, кто имеет эту проблему: (
Кто-нибудь знает, что происходит? Может быть, есть какой-то код onfocus = "изменить ориентацию" или что-то, что может этому помешать? Я полностью потерян.
Так кто-нибудь видел это раньше?
Лучший Майкл