Изменение размера текста iPhone между портретом и пейзажем - PullRequest
Новая
       0

Изменение размера текста iPhone между портретом и пейзажем

0 голосов
/ 09 августа 2011

Я тестирую мобильный сайт с 2 iPhone. Когда я поворачиваю 1 в альбомный режим, размер текста изменяется (желательно). Когда я поворачиваю другой в альбомный режим, размер текста не изменяется (не желательно)

Я пытался использовать стиль -webkit-text-size-Adjust, но такое же поведение наблюдается 

html, body, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust:none;
}

Моя метка 

<head>

    <meta charset="utf-8">

    <title>Site</title>

    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320"/>
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0">

    <link rel="stylesheet" href="style.css">

</head>

Есть ли какие-то настройки, которые можно изменить, чтобы всегда изменять размер текста? Должен ли я вернуться к своей мета-информации для мобильных устройств?

Редактировать: 

iPhone1 = iPhone 4 Verizon running iOS 4.2.6
iPhone2 = iPhone 4 AT&T running iOS 4.3.5

Спасибо

1 Ответ

4 голосов
/ 23 октября 2011

device-width всегда относится к ширине в портретном режиме, поэтому width = device-width будет масштабировать область просмотра в альбомном режиме. Это причуда iPhone (и я думаю, iPad тоже). Кажется немного глупым, но вот как это сделали Apple.

Так что просто используйте: 

<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0">

Или лучше, что позволит пользователю масштабироваться, если он хочет: 

<meta name="viewport" content="initial-scale=1.0">
...