0

我有一个元素位于网站上的图像之上。图像在所有浏览器中的正确位置加载到窗口中，并重新定位到除了 webkit（特别是 Safari 和 Chrome）之外的所有浏览器中它所属的位置。在 webkit 浏览器中，当您尝试调整窗口大小时，它会重新定位图像下方的元素并设置其相对于图像的边距。

这是我的html：

<body>

<div class="header-image">
  <img id="headerimg" src="images/header.jpg" alt="" />
  <img id="link-header" src="images/link-header.png" alt="" />
</div>

</body>

这是CSS：

body { max-width:1236px; margin:0 auto; position:relative; }
.header-image { width:100%; height:auto; max-width:1236px; margin:0 auto; position:relative; }
#headerimg { width:100%; max-width:1236px; height:auto; }
#link-header { position:absolute; right:0; margin-right:10%; margin-top:275px; }

就像我说的，所有其他浏览器都可以很好地调整大小。我遇到这个问题的只有 webkit。有什么想法吗？

4

1 回答 1

0

它绝对与图像无关，因为我没有使用任何图像，并且在 1159 像素以上的 Chome 以及 1209 像素以上的苹果 safari 上也经历了同样奇怪的大小、定位和居中行为，但在苹果上，行为略有不同。1235px 和 1250px 之间的大小是不同的奇怪。我意识到这不是一个很好的诊断帖子，但它和我目前所拥有的一样好。如果/当我发现更多，我会发布更多。这是在调整大小后在 winXP 机器上测试的。几个小时以来我一直在摸不着头脑，所以你绝对不是一个人。

在您的情况下，如果可以，将大小设置为 1200px 以下，应该可以解决。对不起，我没有更多的帮助。

于 2014-06-30T15:10:28.960 回答