缩放产生空隙现象:
产生空隙原因:
若边框为1像素,未缩放时则下图一个网格就代表一个像素
当进行缩放时200%时,则两个网格代表1像素
当缩放到175%时,应该1.75格代表1像素,但由于硬件层次限制,比如一格用四个物理像素点绘制,0.25格就不绘制,故1.75格中的0.75,只能用三格绘制,未绘制的一格产生了空隙
解决方法:
- 使用outline代替border,因为outline不占据空间,故未绘制的地方不会影响其他元素占据
outline:solid 1px red;