css - 如何使用 CSS 获得 2px 宽的边框而不考虑浏览器缩放

标签 css border zooming

我在网站上有两个 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/

相关文章:

html - css 可以重复多色边框吗?

R中的绘图周围的圆形边框

javascript - 在 Paper.js 中适合页面缩放后,光栅图像偏离中心

html - 在触摸设备上的浏览器中禁用双击 "zoom"选项

asp.net - IE7中焦点如何改变输入框的样式?

cross-browser - 如何让 text-shadow 和 box-shadow 在所有浏览器上使用文本颜色?

HTML 链接 -> 边框

css - 停止 Firefox DPI 缩放(当 Windows 设置为 125% 时)

php - 是否可以使用 jQuery 来确定行高?

html - 如何一键定位两个元素?