Я работаю над адаптивным веб-сайтом, где мы предоставляем различные таблицы стилей для мобильных устройств и планшетов с помощью медиа-запросов.
Цель состоит в том, чтобы предоставить пользователям Iphone и iPad полезный опыт и максимально устранить ошибку ориентации в Mobile Safari. Я посмотрел на все возможные варианты решений, но они либо не работали должным образом, либо не подходили для проекта, пока я не подумал, что нашел ответ на сайте PPK , где он подразумевает его можно динамически изменять область просмотра с помощью Javascript сразу после объявления.
Я пробовал следующий код безрезультатно:
<meta name="viewport" id="testViewport" content="user-scalable=yes" />
<script>
var mvp = document.getElementById('testViewport');
if (screen.width < 740) {
alert("mobile screen");
mvp.setAttribute('content','320');
}
var value = mvp.getAttribute("content");
alert(value);
</script>
Мои оповещения вызываются в том месте, где я ожидал их видеть (поэтому на iPhone последнее оповещение говорит, что 'value' == 320), но в окне просмотра оно отображается естественным образом.
Обратите внимание, я вставил 'user-scalable = yes' в атрибут содержимого изначально, чтобы спасти его от пустоты, пытаясь выяснить, в чем дело.
Любые подсказки или советы будут высоко оценены!