Disable zoom on a div, but allow zoom on the page (an alternate div)

by

You can’t do that without clever hacks.

However, you can (and should) use the following CSS to fix zoom issues on mobile devices:

header {
    position: fixed;
    ...
}

@media only screen and (max-width: 720px) {
    header {
        position: absolute;
    }
}

This code enables position: absolute when display width is less or equal 720px, and header becomes the part of the page, rather than being fixed on top.

More Related Contents:

  1. How to draw this chart in html and CSS? [closed]
  2. Change a HTML5 input’s placeholder color with CSS
  3. Canvas is stretched when using CSS but normal with “width” / “height” properties
  4. Remove padding from columns in Bootstrap 3
  5. Size of HTML5 Canvas via CSS versus element attributes
  6. Center a ‘div’ vertically in a % height ‘div’
  7. CSS :before on inline SVG
  8. Single huge .css file vs. multiple smaller specific .css files? [closed]
  9. xHTML/CSS: How to make inner div get 100% width minus another div width
  10. How to display a reverse-ordered list in HTML?
  11. CSS div element – how to show horizontal scroll bars only?
  12. How can I remove space (margin) above HTML header?
  13. Internet Explorer z-index bug?
  14. How to customize the HTML5 input range type looks using CSS?
  15. How to center absolute div horizontally using CSS?
  16. For div to extend full height
  17. How can I zoom an HTML element in Firefox and Opera?
  18. HTML not loading CSS file
  19. element not working in Internet Explorer 11
  20. How to link a CSS file from HTML file?
  21. How can I send an inner to the bottom of its parent ?
  22. Split Div Into 2 Columns Using CSS
  23. SPAN vs DIV (inline-block)
  24. how to rotate text left 90 degree and cell size is adjusted according to text in html
  25. Set div height equal to screen size
  26. Align vertically using CSS 3
  27. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  28. Is there a way to style HTML5’s range control?
  29. print page count with total number of pages using css
  30. Background image not displaying in chrome browser

Leave a Comment