title: Changing css based on browser zoom
body: <p>Upon a quick google search of <strong>how to calculate the browser resolution with javascript</strong> You get a fair amount of useful links on how to change the width (for example) of an element by calculating the screen width (with <code>screen.width</code>) then from there it is simple math to determine what you want the elements width to be. <em>COOL</em> However, that calculates the screen resolution, not the browsers current resolution if the browser is zoomed in, which is unfortunate. Sure you can set a constant width to a parent <code>div</code> and then the element wont be effected by a zoom at all. <strong>BUT</strong> is there a way to determine the total resolution of the view port left in a browser <strong>AFTER</strong> a zoom in or out has occured, rather than just the initial resolution? I cant seem to find anything... </p>