Home/ Questions/Q 7541531
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T07:55:03+00:00

I have made a small JS fiddle to demonstrate my problem. When you zoom

  • 0

I have made a small JS fiddle to demonstrate my problem. When you zoom in and out of the page with your browser, the max-width value that is being logged to the console changes, but in the CSS it is always going to be 500px. How can I find the original CSS value, for instance max-width, regardless of if you’re zoomed in or not?

http://jsfiddle.net/85uWH/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In the end I had to use (this JavaScript plugin)[https://github.com/yonran/detect-zoom/] which provides the zoom level. In order to calculate the original CSS value, I just multiplied by the zoom level:

    parseFloat($('div').css('max-width')) * zoomLevel

    For instance, if the browser was zoomed in at the level of 2:

    250 * 2

    Which of course would return the original pixel value of 500px.

    • 0