缩放页面后边框丢失

Question

我有一些包含输入框的div。这些div有1像素的边框。在正常状态下一切都很好，但是如果我们尝试将页面缩放到70％-50％（ctrl-）-顶部边框就不会显示，或者如果我们缩小到<50％，则顶部和底部边框也不会显示。但是某些块不会丢失边框。为什么会发生这种情况？为什么某些块会丢失边框而某些块不会？如果可能的话，如何修复它？

- Merkelst

Answer 1

首先，Chrome 61、Firefox 52 ESR 和 IE 11 可以与以下内容一起使用：

Math.round(window.devicePixelRatio * 100);

其次，您所谈论的是非常激进的缩放级别下的单个像素。为了验证是否有这种关注点，您应首先从访问者那里收集缩放统计数据。存在许多更严重的问题需要关注，因此我强烈建议考虑自己的优先事项。

- John