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

CSS or How to fix appearance whilst browsers have different DPI/zoom settings?

本文关键字：缩放 DPI 设置 外观 何修复 浏览器 CSS      更新时间：2023-09-26

我刚刚更新到Firefox 22。他们更改了一些DPI代码，如果您使用某些分辨率设置，则对于一些操作系统（如windows 7）来说，这会使所有内容看起来稍微太大/放大。你可以通过对firefox本身的about:config CSS进行更改来解决这个问题——这很好，但99%的人不会为此烦恼。

我读了一些BOM和DOM，它能够检测浏览器的分辨率和其他东西。那么，有没有一种方法可以检测元素在屏幕上的相对位置/字体大小，然后使用javascript重新缩放并强制网页按预期显示？为了可用性，我可以让用户选择忽略这个功能（对于视障人士等）。

与其检测浏览器分辨率，我可能会尝试简单地在浏览器类型和版本上进行分支。可能会变得有点冗长，但对于即时解决问题来说，这可能是一个很好的破解方法。

 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.
      }
相关文章：