浏览器缩放时的CSS边距/填充问题

Question

我无法在各种浏览器缩放设置下正确显示我的页面。

http://andstones.ca/newsite

如果用户在页面上缩小，则内容会对齐，但是一旦他们缩放太远并刷新页面，或者如果它们放大并且页面加载，则内容窗格会被移动。

这在firefox中似乎不是问题，但在chrome / safari / iexplore和iPad上这是一个非常严重的问题。

无论用户浏览器设置如何，我该怎么做才能确保主要内容加载到正确的位置？

谢谢，

Kory

Answer 1

以百分比定义所有CSS值，使它们彼此相对。问题是当浏览器调整像素值并在此处放下几位数时。