我的图像不会缩小

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％仍然换行的问题