我在网站上有两个 div: 一个有 1px 宽的边框;另一个 div 有一个 2px 宽的边框。
当我将缩放比例更改为 100% 以下时(确切值因浏览器而异,我假设屏幕分辨率等),2px div 看起来非常像 1px div。 (发生在 IE 和 Chrome 中)
有没有办法让边框的宽度保持在 2px 而不管缩放? 或者有人有不同/更好的建议来保留 div 之间的边框宽度比例?
最佳答案
事实证明有一种方法可以做到这一点(需要额外的 html 标签但不需要 javascript)。
我创建了两个边框分别为 1px 的“div”,而不是一个边框为 2px 的“div”。两者位于同一位置,但外部 div 比内部 div 宽和高 2 像素。
这样它看起来就像一个带有 2px 边框的 div,当缩放低于 100% 时,这个边框将保持在 2px。
关于css - 如何使用 CSS 获得 2px 宽的边框而不考虑浏览器缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37683530/