css - 缩放时样式更改

Question

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

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

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

我的 CSS：

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

Answer 1

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

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