做网站,我们是认真的!

网站适配电脑+手机端,仅1280元,送2000M阿里云服务器,送com域名+免费备案
网站前端采用静态系统显示,后端动态管理,我们承诺网站包收录,完成网站之后把源码给客户!

观点

互联网+时代,说建站,谈运营与网络营销

网站产品详情页,改变图片比例使得图片显示完整

时间:2021-03-22

新手做网站,有很多注意的地方,关于产品图片显示不完整问题,通过改变图片组件的比例而达到效果。为什么有显示不完整的情况,是由于产品图片大小/比例不统一而造成的,所以建议用户在上传产品图片前,一定要将它们统一处理一下比例与大小,不能有横竖不统一的情况。如下图所示,手机图片没有显示完整。

900×411


进入网站设计-产品详情页-点击图片幻灯片设置-再点排列,在这里可以设置幻灯片组件的大小。这里我们输入宽560,高640;

900×498


设置说明:由于图片是正方形的,宽和高均为560才对,我们再考虑下方的缩略图的大小是正方形60,再加入上下间距为10,所以设置高为560+60+10+10=640,这才保证了图片能够显示完整,如下图所示:

900×396


0
首页
案例
关于
联系