自动缩放html标签中的图片

Question

有没有一种方法可以让Firefox（或一般的浏览器）根据窗口大小自动缩放HTML图像标签中的图像，然后按与浏览器相同的方式在单击图像时将其扩展为完整大小如果您直接查看图像会显示图像（右键单击并单击查看图像）？

Answer 1

You can't achieve the part where you want to make the image larger using click without some JS, but if you want the image to scale according to the browser size, you can use this in your CSS stylesheet:

img {
     max-width: 100%;
}

Read more about this here .