Html 如何修复此代码?它不会缩放我的图像
我有这段代码。它不会将我的图像缩放到这个大小。 高度和宽度不起作用。为什么? 在style.css中,我有一行: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
.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 */
}