这是桌面Safari的问题(我在OS X 10.9.4上的Safari 7.0.5上)。我在这里设置了一个JSBin来演示问题(http://jsbin.com/bowuk/1)。这个页面上有三个div,我将每个div的宽度和高度设置为
10 x 10 px
20 x 10 px
20 x 20 px
当我放大页面时,我希望这些元素相对于彼此保持相同的大小,但事实并非如此。当我一直放大页面时,元素的计算大小(使用Safari检查器)将更改为:
9.71 x 9.71 px
9.71 x 19.76 px
19.76 x 19.76 px
奇怪的是,元素的计算大小以及不同的比例因子都会发生变化。我只在Safari上看到这个。只是想知道是否有人知道发生了什么,以及是否有任何方法可以解决这个问题。我正在开展一个项目,重要的是元素相对于彼此保持相同的大小,无论缩放级别如何。