Html 无法使用CSS调整图像大小

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

首先我试着插入div

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

但它没有改变

第二，我使用了课堂

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

我在同一页上的另一个CSS工作得很好，只是它不适用于图像。有没有什么方法可以不用CSS来调整图像大小？

试试以下方法：

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

试试这个：

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

这会管用的

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

发生了什么：您已将css分配给

div

标记，它应该用于div的

img

标记。因此

#images>img

将其分配给div的

img

标记

这会管用的

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

---

发生了什么：您已将css分配给

div

标记，它应该用于div的

img

标记。因此

#images>img

将其分配给div的

img

标记

您的目标是容器元素，而不是

img

标记，因此您的

img

不会调整大小，因此请使用此选项

#images > img {
   /* Styles */
}

其次，我使用了类，但您仍在使用

#images

这是一个

id

选择器，因此您需要

.images

这是一个
类
选择器，而不是

您的目标是容器元素，而不是
img
标记，因此您的
img
不会调整大小，因此请使用此选项

#images > img {
   /* Styles */
}

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

使用
对于第一种情况，请使用：

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

img.images {
  width:100%;
  height:150%;
}

对于第二种情况，请使用：

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

img.images {
  width:100%;
  height:150%;
}

使用
对于第一种情况，请使用：

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

img.images {
  width:100%;
  height:150%;
}

对于第二种情况，请使用：

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

img.images {
  width:100%;
  height:150%;
}

使用
.images
类选择器，

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

而不是

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

使用
.images
类选择器，

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

而不是

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

HTML

  <div>
<img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSqqEKVYrUqwTWgHCUeV26xUokzezlKVjlf6S9tV0fIvgMF_oR4"
name="slide" id="images" />
</div>

HTML

  <div>
<img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSqqEKVYrUqwTWgHCUeV26xUokzezlKVjlf6S9tV0fIvgMF_oR4"
name="slide" id="images" />
</div>

在css的第一种情况下

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

您只需调整图像所在的
div
的大小

注意，在第一种情况下，您在这里使用了一个id
#images

在css的第二种情况下
您正在调整图像的大小，但使用了类“images”而不是id

所以

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

第一种情况就可以了

或

对于第二种情况。
对于css的第一种情况

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

您只需调整图像所在的
div
的大小

注意，在第一种情况下，您在这里使用了一个id
#images

在css的第二种情况下
您正在调整图像的大小，但使用了类“images”而不是id

所以

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

第一种情况就可以了

或

对于第二种情况。
在第一个示例中，您只是调整
div的大小。在第二个示例中，
img
元素有一个
class
属性，但是CSS包含一个
id
选择器。为图像指定一个值为“images”的
id
属性（假设您只有一个要设置样式的图像）



或者更改CSS以使用
类
选择器而不是
id
选择器（用于设置许多图像的样式）：

.images{
宽度：100%；
身高：150%；
}
在第一个示例中，您只是调整了
div的大小。在第二个示例中，
img
元素有一个
class
属性，但是CSS包含一个
id
选择器。为图像指定一个值为“images”的
id
属性（假设您只有一个要设置样式的图像）



或者更改CSS以使用
类
选择器而不是
id
选择器（用于设置许多图像的样式）：

.images{
宽度：100%；
身高：150%；
}
尝试在
div
上制作背景图像。这很有用

<div class='images'></div>

根据需要调整大小（：
尝试在
div
上制作背景图像。这也很有用

<div class='images'></div>

根据需要调整大小（：
基于百分比设置维度时，它是基于元素的父元素计算的，因此它的父元素也必须设置维度，否则它将不起作用。基于百分比设置维度时，它是基于元素的父元素计算的，因此它的父元素也必须设置维度，否则它将不起作用。在第一个css中，您将样式应用于id而不是图像，因此我将id添加到图像中。在第一个css中，您将样式应用于id而不是图像，因此我将id添加到图像中。