缩放时样式更改

Question

我正在开发一个网站。在100％缩放时一切看起来都很棒但是当我放大或缩小Chrome和IE（而不是Firefox）时，样式会发生变化，div块会移动！我有一个带背景的容器div和一些div块。一切都应该在准确的位置，这在我的网站中很重要。

你可以在图片中看到它如何让我的风格看起来如此糟糕。

Screenshot of problem http://i40.tinypic.com/nlxw0m.jpg

我尝试使用百分比而不是像素来调整页面中所有元素的大小和位置，但它不起作用。

我的CSS：

.container{
    width: 880px;
    background-image: url('b80.png');
}
.picture{
    margin-left:13px;
    margin-top:11px;
}

Answer 1

当我在不同的屏幕尺寸下测试时，我也遇到了同样的问题。

position: relative尝试display: inline-block或.picture。这可能会解决问题。