页面缩放时图像移位

Question

这是实际项目（测试页面），因为我无法重新创建问题：

http://benphilippi.com/ben-home-final.php

我将一系列链接的图像放在背景图像上，作为“按钮”。

页面缩放时，所有图像都会移动。最差的是110％，而125％则会好一点。

我尝试将div包装在一个容器中，完全删除div，并将图像设置为div背景，但似乎无法修复此问题。

感谢您的任何建议，谢谢。

Answer 1

使用px单位指定尺寸。尝试使用ex单位指定尺寸。这会根据文本大小映射所有内容的大小和位置。因此，当用户放大和缩小时，您的页面应该均匀缩放。

顺便说一句，我没有注意到在浏览器中缩放页面有任何问题。我在OS X上使用firefox。