<META NAME = "вьюпорт" ... тег не работает корректно на Android (Samsung Galaxy Tab 2) после изменения ориентации

Так что я этот тег определен:<META NAME = "вьюпорт" ... тег не работает корректно на Android (Samsung Galaxy Tab 2) после изменения ориентации

<meta name="viewport" content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' />

Я также попытался:

<meta name="viewport" content='width=device-width, initial-scale=1.0, user-scalable=no' />

На вкладке Galaxy 2 я тестировал свой веб-сайт - это правильно блокирует любой тип двойного нажатия или масштабирования.

Но как только я меняю ориентацию - я могу снова увеличить масштаб! Поведение странно, поскольку я могу увеличить только, а не из. И я могу сделать это как с двойным нажатием, так и с ущемлением.

Изменение ориентации спина не решает проблему, каждое последующее изменение ориентации имеет этот вопрос ...

Любой видел эту проблему раньше?

Спасибо!

cierech

источник

2012-12-05 cierech

Может быть, вам нужно использовать недокументированный «целевой объект densityDpi», как показано здесь: https://android.googlesource.com/platform/external/webkit/+/f10585d69aaccf4c1b021df143ee0f08e338cf31

источник

2012-12-05 20:45:38 daniel

Этот параметр не имеет значения. Поведение все тот же. При первой загрузке все в порядке. Как только ориентация будет изменена, вы можете снова увеличить масштаб. – cierech

@cierech: Спасибо за помощь. Я сомневаюсь, является ли эта ошибка особенной для s3, 4.1.1 ?. Есть ли там какое-нибудь решение? –

Я столкнулся с той же проблемой, без решения. Логический вывод состоит в том, что окно браузера должно сбросить мета-обратно как «user-scalable = 1», когда я изначально установил его как «user-scalable = 0».

Ошибка происходит со мной только тогда, когда я использую CSS transition3d для перемещения содержимого страницы и отображения боковой панели снизу для меню холста (например, мобильного приложения Google для мобильных устройств или Facebook). Если я использую отрицательные поля для продвижения контента, это не происходит вообще в моем тестировании.

Одна вещь, которую я пробовал делать, это заменить тег meta viewport каждый раз, когда пользователь меняет ориентацию телефона. Тем не менее, я не уверен, действительно ли он работает или нет, поскольку ошибка, похоже, происходит, возможно, каждые 6 страниц перезагружают + ориентацию в альбомную. \

function updateMetaOrientationChange() { 
    var viewport = document.querySelector("meta[name=viewport]"); 

    viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;') 
}

источник

2013-06-05 04:06:13 Puiu

Имел ту же проблему и решил ее, переключившись на HTML5. Это означает:

<!DOCTYPE html> 
<html lang="en">

источник

2014-03-03 13:54:12

<META NAME = "вьюпорт" ... тег не работает корректно на Android (Samsung Galaxy Tab 2) после изменения ориентации

ответ

Смежные вопросы