Html 如何修复此代码?它不会缩放我的图像

Html 如何修复此代码?它不会缩放我的图像,html,css,Html,Css,我有这段代码。它不会将我的图像缩放到这个大小。 高度和宽度不起作用。为什么? 在style.css中,我有一行: .gallery-popup .image-container img{width: 100%; height: auto; display: block;} <div class="trace"> <img src="img/content/Imagesall/13347.jpg" height="250" width="2

我有这段代码。它不会将我的图像缩放到这个大小。 高度和宽度不起作用。为什么?

在style.css中,我有一行:

.gallery-popup .image-container img{width: 100%; height: auto; display: block;}


<div class="trace">
                  <img src="img/content/Imagesall/13347.jpg" height="250" width="250" alt="" />
                        <div class="tagline">
                            <div class="content">
                                <div class="title">TITLE</div>
                                <div class="description">TEXT</div>
                            </div>
                        </div>
                    </div>



<div class="overflow">
                <div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
                    <div class="swiper-w">
                        <div class="swiper-s"> 
                            <div class="image-container">
                                <img src="img/content/Imagesall/13347.jpg" height="250" width="250" alt="" />
                                <div class="description">
                                    <div class="title">titletext</div>
                                    <div class="text">texttexttext.</div>
                                </div>
                            </div>
                        </div>

.gallery popup.image container img{宽度:100%;高度:自动;显示:块;}
标题
文本
标题文本
文本文本。

没有任何css可查看,这是

.trace-img{
宽度:…;/*例如使用px或%*/
最大宽度:100%;
高度:自动;/*此行保留宽高比*/
边框:0;/*删除img的默认边框*/
}

添加css
背景尺寸:封面我添加行:背景尺寸:封面;对于my style.css,它没有帮助
.gallery popup.image container img{width:100%;height:auto;display:block;}
这一行在HTML中不选择任何内容,因为没有
.gallery popup
图像容器
类的元素。我不能使用跟踪类。我添加了这个类,但它没有修复它。删除
.trace
,然后它将产生
img{…}
,在{和}之间有4行在您的示例中仍然是.trace img,我在没有trace only img{…}的情况下检查了它,但它无论如何都不起作用
.trace img{…}
的意思是“在class=“trace”中选择所有img”。您的样式表中似乎还有一些其他css干扰了上面的css。
<div class="trace">
  <img src="img/content/Imagesall/13347.jpg" alt="" />

.trace img {
  width: ...;  /* use for example px or % */
  max-width: 100%;
  height: auto; /* this line to preserve width:height ratio */
  border: 0; /* remove default border of img */
}