window.devicePixelRatio更改侦听器

马特·科迪

window.devicePixelRatio将返回1或2,具体取决于我使用的是视网膜显示器还是标准显示器。如果在两个监视器之间拖动窗口,此属性将更改。发生更改时,是否有办法让听众着火?

北角

您可以收听媒体查询,matchMedia查询将告诉您devicePixelRatio何时超过某个障碍(不幸的是,不是任意缩放比例)。

例如:

window.matchMedia('screen and (min-resolution: 2dppx)').
    addListener(function(e) {
      if (e.matches) {
        /* devicePixelRatio >= 2 */
      } else {
        /* devicePixelRatio < 2 */
      }
    });

当您在监视器之间拖动窗口时,以及插入或拔出外部非视网膜监视器时(如果它导致窗口从视网膜移动到非视网膜屏幕,反之亦然),将调用侦听器。

window.matchMedia在IE10 +和所有其他现代浏览器中受支持

参考:https : //code.google.com/p/chromium/issues/detail? id = 123694MDN在min-resolution

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章