我的图像不会缩小

Question

当我调整屏幕大小时，我的图像不会变小。他们只是跳得低于对方。

有人可以查看我的代码，看看有什么不对。我希望图像可以调整大小，因此在较小的屏幕上只会有两个图像。

下载代码：https://drive.google.com/drive/folders/1VTnZ4FBmMUFUjoxrvue2ZFj98botja4c?usp=sharing

的链接

链接到网页：http://lamp2.sdu.dk/~chmad17/Visit%20Kolding/

Answer 1

我还没看过你的代码，但我猜你有一些彼此相邻的图片。为每个图像指定一个百分比宽度，代表每个图像占用的空间。

注1：您需要将它们设为内联块元素，以便控制宽度。

注2：确保包含它们的DIV - 因为这将是一个自动100％宽度的块元素。

<div>
  <img src="image1.jpg" style="width: 23%">
  <img src="image2.jpg" style="width: 52%">
  <img src="image3.jpg" style="width: 25%">
</div>

注3：宽度需要加起来小于或等于100％

注4：将font-size: 0px;添加到DIV以解决图片添加最多100％的问题仍然存在