检测浏览器缩放级别

Question

我有一个带右边属性的div。当我的网站缩小时，div大小将适应，但边框仍将保持相同的大小。这导致div移动到其父级之外。 有没有办法检测缩放级别？这样我就可以根据变焦来改变大小。 如果是这样，那怎么样？

提前致谢

Answer 1

var zoom = window.outerWidth / window.document.documentElement.clientWidth

Answer 2

由于您的border-width为1px，因此您无法收缩，因此我建议：

• 在调整大小事件中，使用描述here
的方法检查浏览器是否更改了缩放 如果缩放级别低于border-width ，则
• 将0px设置为100%