css - 为什么许多小方形 div 呈现不同?

标签 css

为什么许多小方形 div 呈现不同?有些矩形 block 看起来没有边距,而是更宽的边框。

block with tiny divs

它们是 5.7px*5.7px 的完美正方形。缩放时,此效果会消失,如所附屏幕截图所示。 zoomed small divs

也许这种行为是由于屏幕分辨率引起的,如果是这种情况,那么如何逃脱呢? 还没有发现任何类似的问题,也许是因为这不是常见的情况,因为 Canvas 应该用于渲染此类对象,但我必须使用 div,因为我从未使用过 Canvas ,也没有太多时间深入研究它在截止日期之前。 谢谢!

最佳答案

这是由于浏览器的抗锯齿优化以及您的 div 宽度和高度的非整数值所致。尝试使用 5px 或 6px 之类的尺寸 - 这应该可以解决问题。

关于css - 为什么许多小方形 div 呈现不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58893754/

相关文章:

html - 如何在 HTML 表格中添加空白单元格,以便行与包含数据的行具有相同数量的单元格?

html - Bootstrap 导航栏中的居中链接(在 li 内)

javascript - 删除ajax加载页面并保留原始div不起作用

javascript - 为 chrome 扩展注入(inject) CSS

html - 将 HTML 表格行的背景图像重叠到上面的图像中

css - 如何使 child 与其 parent 的左边界和上边界的距离相等?

html - CSS/Less/Sass - 在 :hover 时匹配之前的所有 sibling

javascript - 如何让我的表格内容滚动,表格结构保持固定?

html - CSS margin 恐怖; Margin 在父元素之外添加空间

javascript - 在新窗口中突出显示文本