Как заставить тег быть шириной области просмотра?

Как получить тег, в данном случае тег body, чтобы он занимал только размер области просмотра, даже если он имеет фиксированную дочернюю ширину?

пример: http://jsbin.com/ebusov

описание: если я загружаю вышеуказанную ссылку в Safari 5 и изменяю размер браузера, я вижу ожидаемое поведение. Горизонтальная полоса прокрутки не появляется. Содержимое, которое переполняет область просмотра, скрыто. Если я загружаю это в ipad, переполненный контент виден и вызывает полосы прокрутки.

желаемый результат: полосы прокрутки никогда не должны появляться, в том числе на iPad.

фактический результат: на iPad и, возможно, на других устройствах виден переполненный контент, и пользователь может прокрутить влево.

Как я могу скрыть контент, который переполняет область просмотра с элементами фиксированной ширины?

1 ответ

Попробуйте это в своем теге body:

<body style="overflow:hidden;">
Другие вопросы по тегам