html - 缩放页面后缺少边框

Question

我有一个带有输入的 div。这个 div 有 1px 边框。在正常状态下一切都很好，但如果我们尝试将页面缩放到 70%-50% (ctrl-) - 顶部边框不显示，或者如果我们缩放 <50% 则顶部和底部边框。但是有些 block 不会丢失边界。为什么会这样？为什么有些方 block 缺少边框而有些方 block 没有？如果可能，如何解决？

Answer 1

首先，Chrome 61、Firefox 52 ESR 和 IE 11 可与以下版本配合使用:

Math.round(window.devicePixelRatio * 100);

其次，您谈论的是非常激进缩放级别的单个像素。为了验证甚至有此顾虑，您应该首先从访问者那里收集缩放统计数据。还有更多的问题需要关注，规模之大令人难以置信，因此我强烈建议您为了自己的利益考虑优先考虑的问题。