Почему iphone делает мой текст большим, когда я переворачиваю его?

Question

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

Что бы это могло делать?

Answer 1

Я обнаружил, что если у div достаточно места для большого внутреннего текста, текст будет больше.Но если div является встроенным элементом или просто не имеет свободного места, текст не будет масштабироваться после поворота iPhone.

Answer 2

Когда iPhone находится в портретном режиме, он имеет ширину 320 пикселей (или 640 на iPhone 4). Когда он удерживается горизонтально, его ширина составляет 480 пикселей. Эффект «увеличения», который вы описываете, - MobileSafari, перерисовывающий текст для большей ширины.

Answer 3

Правильно, я понял ...

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

Таким образом, размер текста будет таким же, как div в горизонтальном или нет ..

Cheers Pete

Answer 4

Попробуйте установить область просмотра, используя следующий метатег:

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

Надеюсь, это поможет.Это помогло мне получить последовательную мобильную страницу.

Боб