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

时间:2019-07-11 18:08:41

标签: javascript html css

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

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

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

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

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

1 个答案:

答案 0 :(得分:2)

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