Обрезка содержимого в меньших по размеру областях просмотра

Пока оставим в стороне эстетические проблемы и сосредоточимся на том факте, что, когда ширина области просмотра становится менее 960 пикселов, домашняя страница, над которой мы работаем, очень некрасиво обрезается (рисунок 2.6).

Мы уменьшили ширину области просмотра всего лишь до 673 пикселов. Представляете, насколько плохо страница будет выглядеть на чем-нибудь вроде iPhone 3GS? Дисплей этого устройства имеет разрешение лишь 320 х 480 пикселов. Взгляните На рисунке 2.7.

Страница обрезается, если область просмотра становится менее 960 пикселов

Постойте-ка, странно, но все выглядит нормально. Ну, почти что. Конечно, браузер Safari для операционной системы iOS при отображении страниц автоматически использует холст шириной 980 пикселов и затем сжимает его, чтобы подогнать под соответствующую область просмотра. Нам по-прежнему придется

Прибегать к увеличению, чтобы просмотреть определенные области, однако содержимое не обрезается. Что нужно сделать для того, чтобы Safari и прочие мобильные браузеры так не поступали?

Страница нашего сайта на экране iPhone 3GS