1

When the screen size allows it, my menu bar is fixed on the left side of the page.

@media (min-width: 900px) {
    #menu {
        position: fixed;
    }
}

But when viewed on a smartphone for example, using the pinch zoom will make the menu zoom with the content and collide with the rest of the page. Can this be avoided with something like a @media zoom-capable kind of query?

Clarification: What I'm after is this - menu is fixed on computer screens but normal/default on screens that allow finger zooming. Using cmd plus/minus to enlarge the page on a desktop computer isn't a problem.

jimmy
  • 411
  • 3
  • 14
  • I think the answer to this: http://stackoverflow.com/questions/22223866/media-queries-for-different-zoom-levels-of-browser will help you. – Goos van den Bekerom Oct 13 '14 at 08:20
  • @GoosvandenBekerom Hmmm, not quite. I've tried to clarify my question. – jimmy Oct 13 '14 at 09:54
  • Solved temporarily with `@media (min-width: 1200px) { #menu { position: fixed; }` But it's not really about screen size, it's about the way the screen behaves... } – jimmy Oct 13 '14 at 15:06

0 Answers0