我有一个页面可以像下面看到的那样“绘制”网格:
它通过使用绝对定位的div来实现。每个网格的宽度为237x237像素,因此第一个网格将放置在top:0; left:0;,第二个网格将放置在top:0; left:237px;,第三个网格将放置在top:0; left:474px;等等。
然而,当用户缩放浏览器(使用浏览器键Ctrl + / Ctrl -)时,这些方框并未正确对齐。当页面的背景色渗透时,这是明显的:
最好的方法是保持盒子“并排”,无论浏览器的缩放比例如何?
附:这些框必须被绝对定位,因为它们需要被动态移动。
它通过使用绝对定位的div来实现。每个网格的宽度为237x237像素,因此第一个网格将放置在top:0; left:0;,第二个网格将放置在top:0; left:237px;,第三个网格将放置在top:0; left:474px;等等。
然而,当用户缩放浏览器(使用浏览器键Ctrl + / Ctrl -)时,这些方框并未正确对齐。当页面的背景色渗透时,这是明显的:
最好的方法是保持盒子“并排”,无论浏览器的缩放比例如何?
附:这些框必须被绝对定位,因为它们需要被动态移动。