Как создать полную ширину браузера без увеличения масштаба изображения на iPhone? - PullRequest
Новая
       41

Как создать полную ширину браузера без увеличения масштаба изображения на iPhone?

0 голосов
/ 14 октября 2011

Я пытаюсь создать цветные полосы, растягивающиеся по всему экрану как http://css -tricks.com / 9443-full-browser-width-bars / , и невозможноизмените DOM, чтобы упростить эту задачу.

Техника великолепна в настольных браузерах, но в мобильном WebKit overflow-x не скрыт, и вы можете увеличивать, уменьшать или прокручивать страницы, которые толькосодержат невероятно широкие цветные полосы.Это не помогает установить область просмотра.

Как получить этот эффект, не повредив зум?

1 Ответ

1 голос
/ 28 февраля 2012

Вы пытались добавить overflow-x: hidden; к родительскому элементу полос прокрутки? Я нашел эту технику полезной при разработке для мобильных браузеров на основе webkit. 

<body>
    <div id="wrap" style="overflow-x: hidden;">
        <div id="massive_coloured_bar" style="your full-width technique here"></div>
    </div>
</body>
...