我最近将Wordpress site的宽度从456像素宽变为620像素。当然,这导致我的所有图像现在都不适合新的宽度。我发现通过使用以下代码,它几乎解决了我的问题。
p img {
width: 100% !important;
height: auto;
}
我遇到的问题是,在多个位置使用的一组图像(星级评定系统)意味着很小,并且使用上面的代码强制它们放大并拧紧它们。我如何使用上面的代码在我的所有帖子中应用我的图片,除了一些我不想放大的星图像?感谢您的时间,我感谢您的帮助。
为清晰起见更新了我的问题
答案 0 :(得分:0)
你应该使用一个CSS类,你的img不属于这个规则,如。
CSS
.star-img{
width: auto;
}
另一个例子
p img.star-img{
width: auto;
}
HTML
<img src="star.jpg" alt="Star" class="star-img">
答案 1 :(得分:0)
使用常规样式和选定样式的组合。
img {width:620px;}
#exceptional_image {width:360px;}