html - 页面无法正确缩放

Question

我有一个页面 uf.appload.nu/map.php，不能正确缩放。它应该始终缩放以使页面适合屏幕宽度。怎么了？

Answer 1

<img src="http://uf.appload.nu/karta16.jpg" alt="Mässkarta" width="2500">请注意width="2500"使图像适合屏幕宽度使用width="100%"，尽管页面上有隐藏的元素。

<div class="monter" style="left: 270px;top:280px;" id="B0210"></div>

您将需要找到一种新的方式来排列它们，因为它们可能是根据 2500 像素的图像大小而不是屏幕大小来定位的，因此您将在这些方面进行一些工作

Answer 2

将此添加到您的CSS：

img { 
  max-width: 100%;
  height: auto;
}

.monter { display: none; }

如果您不提供更多信息，我只能告诉您这些。所有 class="monter" div 的用途是什么？