Css 如何使用网站多图像缩放模块避免图像拉伸？

我们使用奥多8

我已经安装了网站\u multi\u image\u zoom模块，以便在前端的产品页面上显示多个图像

模块现在正在工作。但通常情况下，主要形象会被拉长

我们如何避免这种情况

---

固定的宽度和高度不适用于每个图像比例。在该img元素上，尝试使用固定的像素宽度，或宽度：100%；然后使用height:auto；。这样，不同的图像将保持其真实比例，并且仍然适合容器的宽度

---

如果这不起作用，那么您可以尝试使用固定大小的容器，并使用背景图像包含或覆盖，如此处所述

我已在模块网站的文件multizoom.js中对这一行进行了注释\u multi\u image\u zoom for Odoo 8

//$imgObj.attr('src', this.src).css({width: w || options.width || this.width, height: (h = +(h || options.height || this.height))});

此行为加载的主图像设置了固定的高度和宽度

现在，图像不会拉伸

---

谢谢大家

你能分享你的HTML和CSS吗？谢谢你的回答。我会分析一下，很快就会回来。