舍入像素误差答案

【问题标题】：Rounding Pixel Error舍入像素误差
【发布时间】：2013-08-15 19:23:08
【问题描述】：

在 Safari 中调整浏览器大小时，布局偏离 1 个像素时出现问题。我有一个垂直重复的背景，其中包含一个包含标题 div 和包含页面内容的包装器的容器。您可以在此处查看该站点：view here

这是一些 CSS：

body {color: #666666; background: #f2f2f2 url('../images/blue/background_site.gif') repeat-y center center; margin: 0; padding: 0;}

#Container {
    width: 960px;
    border-collapse: collapse;  
    margin:0px;
    padding:0px;
    margin-left: auto;
    margin-right: auto;
}

#Header {height: 98px; background: url('../images/blue/background_header.gif') repeat-x bottom left; margin-bottom: 20px;}

【问题讨论】：

请创建一个 jsfiddle 来展示您的问题。这个问题现在还不清楚
更新了开发站点的链接。
能否发个截图，把有问题的地方圈起来？
如果您在 Safari 中左右调整浏览器大小，您可以看到像素在金色内容背景和重复的阴影背景之间移动 1。

标签： css alignment pixel rounding

【解决方案1】：

最终使用了 Javascript hack，它可以工作，但不是最佳解决方案。

【讨论】：