css - 页面缩放时图像位置偏移

Question

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

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

我有一系列链接图像位于背景图像上，作为“按钮”。

缩放页面时，所有图像都会移动。最差的是 110%，到 125% 时会好一些。

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

任何建议表示赞赏，谢谢。

Answer 1

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

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