css - How do I create a full-browser-width bar without screwing up zoom on an iPhone? -


i trying create bars of color stretch way across screen http://css-tricks.com/9443-full-browser-width-bars/ , not possible rearrange dom make easier.

the technique awesome on desktop browsers, on mobile webkit overflow-x not hidden , can zoom way, way out or scroll on parts of page contain improbably-wide color bars. doesn't set viewport.

how effect without screwing zoom?

have tried adding overflow-x: hidden; parent element of scroll-bars? have found technique useful when developing webkit based mobile browsers.

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

Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -