Geek Answers Handbook

Detect browser zoom level

I have a div with border-right attribute. When my site is reduced, the div size will adapt, but the border will still remain the same size. This causes the div to move beyond its parent. Is there a way to determine the zoom level? So I can change the size depending on the scaling. And if so, how?

Thank you in advance

+4
source share
2 answers
var zoom = window.outerWidth / window.document.documentElement.clientWidth
+1
source

Since yours border-widthis equal 1px, you cannot shrink below that, so I would suggest the following:

  • , , ,
  • border-width 0px, 100%
0

More articles:


All Articles