CSS或javascript - 如何在浏览器具有不同的DPI /缩放设置时修复外观？

Question

我刚刚更新到Firefox 22.他们更改了一些DPI代码，如果您使用某些分辨率设置，这些代码会使某些操作系统（例如Windows 7）显得略微过大/放大。您可以通过更改firefox本身的about：config CSS来解决这个问题 - 这很好，但99％的人都不会打扰。

我正在阅读一些BOM和DOM，并且能够检测浏览器分辨率和事物。那么有没有办法检测元素在屏幕/字体大小上的相对位置，然后使用javascript重新缩放并强制网页完全按照预期显示？为了便于使用，我可以选择让用户忽略此功能（对于视障人士等）。

Answer 1

我可能会尝试简单地在浏览器类型和版本上进行分支，而不是检测浏览器分辨率。可能会有点冗长，但对于即时解决问题可能是一个很好的黑客。

 var ua = window.navigator.userAgent; 
 var version = new RegExp("MSIE 10"); //for IE
      if(version.test(ua))
      {
         // do one thing.
      }    
      else
      {
          // do the other thing.
      }