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