JS能检测到电脑浏览器是否缩放吗?

做的页面老是被反馈排版乱了,跑过去一看,他们的chrome处于缩放状态,有没有什么办法检测到浏览器不在正常状态下就提示呢?百度的回答都是千篇一律的那个什么QQ空间flash的什么方法,有没有纯JS的呢?

阅读 8.9k
5 个回答

楼上的,缩放不是 zoom in & out 吗。。。

检测下 window.devicePixelRatio 即可

window.onresize = function(){ 
   console.log(this.innerWidth, this.outerWidth)
}

innerWidth 受缩放影响,outerWidth是不变的,没有滚动条的情况下相等,正常情况最多相差一个滚动条宽度。

innerWidth也受控制台影响,对于用户应该不用考虑这个。

新手上路,请多包涵

jQuery中有个方法,resize(),可以记录浏览器窗口大小调整的次数

你的问题的根本原因是没有支持响应式。在不支持的情况下你可以设置下 body 的 min-width 属性来避免上述问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题