在父元素为relative的情况下子元素absolute为什么会引起定位变化？

Question

我把父元素设为relative了，子元素position为绝对定位，但是为什么在我放大缩小的过程中字体的位置相对于背景会变呢？下面的截图可以看到放大缩小页面，字体相对于图片的位置明显改变，代码如图三所示
页面放大后

页面缩小
]
CSS

html

Answer 1

放大缩小过程中，字体又没有跟着变，相对位置当然变了