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

Question

我刚刚更新到 Firefox 22。如果您使用某些分辨率设置，他们已经更改了一些 DPI 代码，这使得对于某些操作系统（如 Windows 7）而言，所有内容都显得有点过大/放大。你可以通过修改 about:config CSS for firefox 来解决这个问题——这很好，但 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.
      }