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

3
我在不同浏览器缩放设置下,无法正确显示我的页面。

http://andstones.ca/newsite

如果用户在页面上缩小了页面,那么内容会被对齐,但是一旦他们缩小得太多并刷新页面,或者如果他们缩放过大并加载页面,则内容窗格会发生偏移。

在Firefox中似乎没有这个问题,但在Chrome / Safari / IExplore和iPad上,这是一个非常严重的问题。

我该怎么做才能确保主要内容在用户浏览器设置不同的情况下正确加载?

谢谢,

Kory


可能需要检查一下你在哥谭字体上的许可证,因为 H&J 不支持 @font-face。 - Ryan Florence
1个回答

3

将所有CSS值定义为百分比,以便它们相对于彼此。问题在于当浏览器调整像素值并在某些地方丢失几个数字时。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接