html - 在桌面上设置图像大小，但在使用移动设备时调整大小

Question

有没有一种方法可以在使用桌面浏览器时将图像设置为特定大小，而在使用移动设备时让它自动调整到屏幕大小？

我目前只是将图像硬编码为 HTML 中的特定大小。

<img src="URL" alt="Cool Link" style="width:720px;height:100px;border:0;">

我愿意尝试 HTML/CSS/JS 等。谢谢!

Answer 1

你应该给img标签添加class属性，然后为图片添加下面的css

<img src="link" alt="Cool Link" class="anyofimgclass">

.anyofimgclass{
display: block;
max-width: 100%;
height: auto;
}