小编fno*_*d12的帖子

我有一个网站,每页有4,000多页和10个或更多jpeg图像,大小各异.我正在努力让网站更加适合移动设备.为此,我想让图像缩小以适应较小的屏幕.我知道我可以做这样的事情来表示图像可以缩小:

img.bodyImg
{
 width: 100%;
 max-width: 357px;
 height: auto;
}

但是,如果不是所有图像的宽度都是357(或其他),我不希望更小的图像超出其真实尺寸？只是为了让事情更有趣,如果图像标签没有指定高度和宽度属性怎么办？

我的目标是找到一个不需要我手动调整成千上万个图像调用的解决方案,但我可以进行搜索和替换.图像当前包含在div容器中并且有一个类,如下所示:

<div class="imgDiv"><img class="bodyImg" src="http://www.example.com/image.jpg"></div>

我也很开放我可能完全以错误的方式解决这个问题.