Zooming looks broken with responsive design

[shvechikov]

How to reproduce:

• open http://twitter.github.com/bootstrap/
• shrink browser window to ~800px width -> bootstrap gracefully adopts design to that width
• zoom to 200-300% and more and you'll see horizontal scrollbar appears at the bottom

It looks like bootstrap gets real width of the window ignoring current zoom level. But on width 800 and 200% zoom level design should look like at 400px width.

As I remember it seems like in older versions zoom worked correctly with responsive design.

[mdo]

Our media queries don't work like that, and I don't even think media queries in general work like that. Once you resize your browser, the queries kick in—page zoom is something entirely different. What you're seeing is the intended behavior in that regard.

[steveluscher]

FWIW, we just received a bug report on our own web property due to this exact issue. Mark is correct though, the zoom level doesn't (nor should it) participate in the calculation of viewport width. If it did, then simply zooming into a webpage might change the layout as new media queries came into effect – a wholly undesirable effect if all you wanted to do was zoom into one spot to be able to see it more clearly.

[xydonga]

http://getbootstrap.com/examples/non-responsive/

This page once you zoom to 200% Navbar Menu will disappear ,
How to handle that ?