Когда Safari на iPhone меняет размер текста при изменении ориентации?

Я заметил, что когда я просматриваю веб-страницу в Safari на iPhone и меняю ориентацию с книжной на альбомную, иногда размер текста и/или перенос меняются.

Например, в портрете может быть 10 слов в строке, но когда я поворачиваю его вбок, размер текста меняется, и в этой строке может быть 8 или 12 слов. Обычно, когда я снова поворачиваю его в портретный режим, он остается на этом числе, а не возвращается к 10.

Навскидку конкретных примеров не помню, но это были обычные сайты (не мобильные версии). Текст оказался в фиксированном столбце, а не просто переносился на всю ширину окна.

Кто-нибудь может пояснить, каким образом это изменяется или определяется?

[также я не мог создать теги «сафари» или «масштабирование»]

Ответы (1)

Вот оценка:

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

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

тл: др

CSS сделал это.

Спасибо, на самом деле это происходит больше в браузере Echofon (который основан на Safari), чем в самом Safari. Но вы правы, размер шрифта кажется фиксированным, а ширина содержимого — нет.