Мета-теги Viewport и ориентация устройства

Question

Мета-теги Viewport и ориентация устройства

0

У меня есть метатег...

<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no">

Мое приложение абсолютно позиционируется на 0 0 0 0, и все прокручивается внутри. У меня есть два фиксированных бара, верхний и нижний колонтитулы, поэтому важно, чтобы я включал в себя высоту содержимого.

Теперь рассмотрим, что пользователь меняет ориентацию устройства. Высота содержимого теперь равна ширине устройства, но метатег не изменяется. Итак, теперь нижний колонтитул не будет виден.

Что?

Spencer Avinger 13 дек. 2013, в 21:53

Источник

0

Возможно, придется перезагрузить страницу. Существуют утилиты JS, которые могут помочь обнаружить вращение устройства. stackoverflow.com/questions/1649086/...
isherwood 13 дек. 2013, в 20:27

Теги:

html

css

html5

1 ответ

Ещё вопросы

Возможно, придется перезагрузить страницу. Существуют утилиты JS, которые могут помочь обнаружить вращение устройства. stackoverflow.com/questions/1649086/...

Lasse · Answer 1 · 2013-12-13T19-38-00.000Z

Вам придется вручную изменить размер с помощью JavaScript на orientationchange. Подробную информацию см. В разделе Mobile Safari.

Это из сообщения в блоге:

window.addEventListener('orientationchange', function() {
  document.querySelector('html').style.width = window.innerWidth + 'px'
}, false)

В приведенной выше ссылке также содержится версия jQuery, если ваша библиотека по выбору.