自动调整详情图片大小

2016-07-07 16:11 来源：www.chinab4c.com 作者：ecshop专家

我的是2.72默认模板的，我发现如果上传的详情图太宽的话就会造成网页错位，有谁知道怎么修改css，使得详情图会自动调整大小吗？比如图片宽度最大值设置为600，当我们上传的详情图宽度大于600时，图片会按照比例自动缩小为宽度600的图片；如果上传的详情图宽度小于600的话，则无需调整

回答：
你在产品详细页把产品大图的宽设置为 600，高设置为 auto，这个方法不是最完美的，但是可以解决你的问题。



是要修改哪个呢？我不太确定

#goodsInfo{background:#f2f2f2; padding:8px; _height:1%;}
#goodsInfo .imgInfo{width:230px; float:left; margin-right:10px; overflow:hidden;}
#goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/
#goodsInfo span{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat 0 -527px; float:left;}
#goodsInfo span.spanR{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat -5px -527px; float:right;}
#goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
#goodsInfo .gallery ul{width:auto;}
#goodsInfo .gallery li{float:left; width:48px; margin:0 2px;}
#goodsInfo .gallery li img{width:46px; height:46px; display:block;}

css 需要对应着页面看。

怎么设置 图片的大小啊

Q 我给你看下，最好pm 你站点过来

#goodsInfo{background:#f2f2f2; padding:8px; _height:1%;}
#goodsInfo .imgInfo{width:230px; float:left; margin-right:10px; overflow:hidden;}
#goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/
#goodsInfo span{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat 0 -527px; float:left;}
#goodsInfo span.spanR{width:4px; height:48px; background:url(images/pink/bg.gif) no-repeat -5px -527px; float:right;}
#goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
#goodsInfo .gallery ul{width:auto;}
#goodsInfo .gallery li{float:left; width:48px; margin:0 2px;}
#goodsInfo .gallery li img{width:46px; height:46px; display:block;}

世博礼品世博会礼品 世博会纪念品 世博会纪念品专卖店 世博会礼品专卖店

有知道怎么修的吗

帮顶一下!

有没有高手帮忙啊

图形放大：点一下图形，会有一个框框出来，四周有几个四方型的小框框，直接点左键拉就行了编缉文字：在word2003中是不能直接编缉CAD图形的，双击图形，图形会转变成CAD就可以编缉文字了，你电脑必须安装有CAD才行

图形放大：点一下图形，会有一个框框出来，四周有几个四方型的小框框，直接点左键拉就行了编缉文字：在word2003中是不能直接编缉CAD图形的，双击图形，图形会转变成CAD就可以编缉文字了，你电脑必须安装有CAD才行