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

2021-04-20    分类: 网站建设

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


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


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

网页名称:网站产品详情页,改变图片比例使得图片显示完整
文章URL:https://www.cdcxhl.com/news8/109108.html

成都网站建设公司_创新互联,为您提供品牌网站建设静态网站电子商务网站营销面包屑导航品牌网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发