关于浏览器缩放的CSS保证金/填充问题

Question

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

http://andstones.ca/newsite

如果用户缩小页面上的内容是一致的，但一旦他们缩小太远了，并刷新页面，或者如果他们过于放大，并在页面加载，则内容窗格移动。

这似乎没有在Firefox中的问题，但它是一个非常严重的问题在铬/ safari/iexplore和在iPad上。

无论用户浏览器设置如何，我可以做些什么来确保主要内容加载到正确的位置？

感谢，

Kory

Answer 1

定义你的所有的CSS值百分比，使他们相对于对方。问题在于浏览器在调整像素值并在这里和那里放下几位数字时。