Question

我有一个元素位于网站上的图像顶部。图像在窗口中加载在所有浏览器中的正确位置，并重新定位到除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。有什么想法吗？

Answer 1

它绝对与图像无关，因为我没有使用任何图像，并且在Chome 1159px以上以及在苹果的1209px以上的野生动物园中经历了同样奇怪的尺寸，定位和居中行为，但在苹果上的行为略有不同。 1235px和1250px之间的大小是不同的奇怪。我意识到这不是一个很好的诊断职位，但它现在和我现在一样好。如果/当我发现更多时，我会发布更多内容。这是在调整大小后在winXP机器上测试的。我一直在挠头几个小时，所以你绝对不是一个人。

如果可以的话，在你的情况下将尺寸设置为1200px以下，应该解决它。对不起，我没有更多的帮助。

尽管绝对定位，但在webkit浏览器中窗口上的元素位置更改会调整大小

1 个答案: