CODEWITHSUNDEEP
htmlcss
pune
pune

Reputation: 99

Data of two div tag overlapping after zoom in, How i stop it

Web page before zoom in Web page before zoom in

Web page after zoom in Web page after zoom in

When i zoom in my web page that time two side bar menu div overlapping, How i stop that overlapping .Please help.

Please see left bottom footer div and left side menu bar .This two overlapping after zoom in

Upvotes: 0

Views: 1257

Answers (1)

Mayur Patel
Mayur Patel

Reputation: 1751

Zooming in/out changes the resolution so first if your website is not responsive, you should stop zooming in/out.

If above is not the case and you want to fix the issue and as the question is not tagged with any responsive UI framework like bootstrap, assuming you are using only html+css, you can go for media query css

Using media query CSS you can handle CSS of any specific section for different screen resolution, below is an example:

Let's say if the browser window is 600px or smaller, you want to change the background color to light blue, then you can use below media query CSS:

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Upvotes: 0

Related Questions