检测浏览器缩放级别

Question

我有一个带有border-right属性的div。当我的网站缩小时，div的大小会适应，但边框仍然保持相同的大小。这导致div移动到其父级之外。 有没有一种方法可以检测缩放级别？这样我就可以根据缩放来改变大小。 如果可以的话，该怎么做呢？

提前感谢。

- Hwende

---

可能是重复的问题：如何在所有现代浏览器中检测页面缩放级别？ - Huangism

有一种方法可以检测缩放级别，但它比听起来更难，并且在尝试根据缩放移动元素时变得非常复杂。 - adeneo

浏览器会尽其所能地进行优化。除非您有特定的原因需要这样做，否则我不会费心去做这件事。 - Brad

边框右侧如何定义？你使用的是哪个浏览器？快速测试显示，在我尝试的所有浏览器中，缩小缩放比例时边框宽度确实会缩小。 - Mr Lister

1像素？是的，它很难缩小到那个尺寸以下。因此，你会得到舍入误差。 - Mr Lister

Answer 1

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

- Saraf Talukder

---

无法在FF中工作；报告window.outerWidth和window.document.documentElement.clientWidth的相同值。 - P.M.

Answer 2

由于您的 border-width 是 1px，所以无法缩小到该值以下，因此我建议：

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

- Andrei