网站产品详情页,改变图片比例使得图片显示完整
日期:2022-03-08 15:45:04 / 人气:
新手做网站,有很多注意的地方,关于产品图片显示不完整问题,通过改变图片组件的比例而达到效果。为什么有显示不完整的情况,是由于产品图片大小/比例不统一而造成的,所以建议用户在上传产品图片前,一定要将它们统一处理一下比例与大小,不能有横竖不统一的情况。如下图所示,手机图片没有显示完整。
进入网站设计-产品详情页-点击图片幻灯片设置-再点排列,在这里可以设置幻灯片组件的大小。这里我们输入宽560,高640;
设置说明:由于图片是正方形的,宽和高均为560才对,我们再考虑下方的缩略图的大小是正方形60,再加入上下间距为10,所以设置高为560+60+10+10=640,这才保证了图片能够显示完整,如下图所示: