Javascript 检测浏览器缩放级别

Javascript 检测浏览器缩放级别,javascript,html,css,Javascript,Html,Css,我有一个有边界权的部门。当我的站点被缩小时,div的大小将适应,但是边框仍然保持不变。这将导致div移到其父级之外。 有没有办法检测缩放级别?这样我就可以根据缩放改变大小。 如果是的话,那怎么办 提前感谢因为您的边框宽度是1px,所以您不能缩小到该宽度以下,所以我建议您: 在“调整大小”事件中,检查浏览器是否已使用所述方法更改缩放 如果缩放级别低于100% 这可能会对您有所帮助。有一种方法可以检测缩放级别,但它比听起来更难,并且在尝试基于缩放等移动元素时会变得非常复杂。浏览器会尽可能优化。除非

我有一个有边界权的部门。当我的站点被缩小时,div的大小将适应,但是边框仍然保持不变。这将导致div移到其父级之外。 有没有办法检测缩放级别?这样我就可以根据缩放改变大小。 如果是的话,那怎么办


提前感谢

因为您的
边框宽度
1px
,所以您不能缩小到该宽度以下,所以我建议您:

  • 在“调整大小”事件中,检查浏览器是否已使用所述方法更改缩放
  • 如果缩放级别低于
    100%

这可能会对您有所帮助。有一种方法可以检测缩放级别,但它比听起来更难,并且在尝试基于缩放等移动元素时会变得非常复杂。浏览器会尽可能优化。除非你有具体的理由这样做,否则我不会为此烦恼。在我看来,这个问题应该在CSS中解决。不适用于FF;为
window.outerWidth
window.document.documentElement.clientWidth报告相同的值
var zoom = window.outerWidth / window.document.documentElement.clientWidth