Ширина viewport в iOS при смене ориентации экрана

[exeto]

В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?

[mrnobody]

Может так прописать в head'е:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

[exeto]

Это прописано, сайт нормально адаптируется под экран, проблема в другом. Ширина в iOS браузерах всегда по меньшей стороне, при изменении ориентации она остается прежней. В iPhone как ты его не ворочай, ширина будет 320px. Чтобы было понятней, вот кратинки:

Не знаю почему, но initial-scale=1 помог, хотя все равно размер текста отличается от портретной ориентации.

Edited May 19, 2013 by exeto

[Radiocity]

Вы можете воспользоваться media queries для форматирования текста.

Edited May 19, 2013 by Radiocity

[exeto]

Вы можете воспользоваться media queries для форматирования текста.

А если человек зайдет с android устройства, где все нормально с изменение вьюпорта при изменении ориентации экрана? Текст будет слишком мелкий.

[klierik]

а размер шрифта в чем указан? rem, em, px, .. etc?

Посомтрите как сделано тут: view-source:http://twitter.github.io/bootstrap/scaffolding.html#responsive

[exeto]

а размер шрифта в чем указан? rem, em, px, .. etc?

В px.

Посомтрите как сделано тут: view-source:http://twitter.github.io/bootstrap/scaffolding.html#responsive

Покопался и нашел вот такое:

body {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
}

Помогло, большое спасибо за наводку.

Шрифт только чуть пожирнее стал, но это мелочи. Надо будет протестировать потом на других устройствах.

Edited May 21, 2013 by exeto