如何在网站的不同页面中自动调整图像大小？

Question

是否可以使图像以不同的尺寸显示在不同的页面中？

我正在使用CSS，HTML和Javascript建立电子商务。该网站将提供一些目录，其中包含许多待售产品的图像。在每张图片中，我都会放心，以便风俗习惯可以单击它并将相应的产品保存在收藏的产品列表中，该列表将在另一页中。

与目录中一样，列表中的产品将包含有关每个项目的所有信息，包括图像，但较小。

我是否可以在整个网站上使用相同的图像，以便当它们显示在列表页面上时，它们会自动显得小于原始尺寸？

还是唯一的方法是针对每种情况调整每个图像的大小？

Answer 1

您可以使用CSS的background-size属性将其设置为contain或cover，具体取决于哪个容器最适合。 here还有更多使用方法。