html - 无法使用 CSS 调整图像大小

Question

我正在尝试使用 CSS 调整图像大小，因为我必须为不同的媒体查询编写不同的 CSS。所以这是我在这个 stackoverflow 上找到的各种方法，并试图在 CSS 上调整我的图像大小。

首先我尝试插入 div。

<div id="images"><img src="image/s1.jpg" name="slide"></div>

CSS

#images{
width:100%;
height:150%;
}

但它并没有改变。

其次，我使用了类

<img src="image/s1.jpg" name="slide" class="images">

CSS和top一样

#images{
width:100%;
height:150%;
}

我在同一页面上的其他 CSS 工作正常，只是不适用于图像。有没有什么方法可以让我用 CSS 调整图像大小？

Answer 1

你的目标是容器元素，而不是 img 标签，因此你的 img 不会调整大小，所以使用这个

#images > img {
   /* Styles */
}

其次，我使用了 class 但您仍在使用 #images 这是一个 id 选择器，因此您需要 .images . 这是一个 class 选择器而不是 # .

.images {
   /* Styles */
}