.list_pane{}
.list_pane p{ float:left; width:31.3%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_pane p img{ width:100%; height: 93px;}
.list_placed p{ float:left; width:48%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_placed p img{ width:100%; height: 120px;}
以上代码 第一组显示3个并排图片;第二组显示2个并排图片。
.list_pane{}
.list_pane p{ float:left; width:100%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_pane p img{ width:100%; height: 93px;}
.list_placed p{ float:left; width:100%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_placed p img{ width:100%; height: 120px;}
以上代码修改后(31.3%、48%都修改成100%)图片能完美自适应手机宽度,但图片大小一直是默认的160px 宽和高的像素。
导致放大后图片模糊。
有熟悉dz手机模版的亲么?除了修改这里 还需要哪里修改
<a href="forum.php?mod=viewthread&tid=2565&extra=&mobile=2"><div class="h_over_nav"><h3 class="title"><font>图片标题</font></h3><div class="title_con"></div></div><p class="delayload_div"><img class="" src="forum.php?mod=image&aid=14966&size=160x160&key=bc40aea4a029ac8a" data="forum.php?mod=image&aid=14966&size=160x160&key=bc40aea4a029ac8a" zsrc="forum.php?mod=image&aid=14966&size=160x160&key=bc40aea4a029ac8a" style="display: inline; visibility: visible;"></p><p class="delayload_div"><img class="" src="forum.php?mod=image&aid=14967&size=160x160&key=5484ffb1b7633c73" data="forum.php?mod=image&aid=14967&size=160x160&key=5484ffb1b7633c73" zsrc="forum.php?mod=image&aid=14967&size=160x160&key=5484ffb1b7633c73" style="display: inline; visibility: visible;"></p><p class="delayload_div"><img class="" src="forum.php?mod=image&aid=14968&size=160x160&key=5867be10d294a4c5" data="forum.php?mod=image&aid=14968&size=160x160&key=5867be10d294a4c5" zsrc="forum.php?mod=image&aid=14968&size=160x160&key=5867be10d294a4c5" style="display: inline; visibility: visible;"><span class="list_pane_num">12图</span></p></a>
修改后通过火狐浏览器看到的代码,图片在160px上被强制放大了,要如何调用大图或修改缩略图160px的尺寸
.list_pane p{ float:left; width:31.3%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_pane p img{ width:100%; height: 93px;}
.list_placed p{ float:left; width:48%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_placed p img{ width:100%; height: 120px;}
以上代码 第一组显示3个并排图片;第二组显示2个并排图片。
.list_pane{}
.list_pane p{ float:left; width:100%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_pane p img{ width:100%; height: 93px;}
.list_placed p{ float:left; width:100%; padding:0 1% 0 1%; margin-top:10px; position:relative;}
.list_placed p img{ width:100%; height: 120px;}
以上代码修改后(31.3%、48%都修改成100%)图片能完美自适应手机宽度,但图片大小一直是默认的160px 宽和高的像素。
导致放大后图片模糊。
有熟悉dz手机模版的亲么?除了修改这里 还需要哪里修改
<a href="forum.php?mod=viewthread&tid=2565&extra=&mobile=2"><div class="h_over_nav"><h3 class="title"><font>图片标题</font></h3><div class="title_con"></div></div><p class="delayload_div"><img class="" src="forum.php?mod=image&aid=14966&size=160x160&key=bc40aea4a029ac8a" data="forum.php?mod=image&aid=14966&size=160x160&key=bc40aea4a029ac8a" zsrc="forum.php?mod=image&aid=14966&size=160x160&key=bc40aea4a029ac8a" style="display: inline; visibility: visible;"></p><p class="delayload_div"><img class="" src="forum.php?mod=image&aid=14967&size=160x160&key=5484ffb1b7633c73" data="forum.php?mod=image&aid=14967&size=160x160&key=5484ffb1b7633c73" zsrc="forum.php?mod=image&aid=14967&size=160x160&key=5484ffb1b7633c73" style="display: inline; visibility: visible;"></p><p class="delayload_div"><img class="" src="forum.php?mod=image&aid=14968&size=160x160&key=5867be10d294a4c5" data="forum.php?mod=image&aid=14968&size=160x160&key=5867be10d294a4c5" zsrc="forum.php?mod=image&aid=14968&size=160x160&key=5867be10d294a4c5" style="display: inline; visibility: visible;"><span class="list_pane_num">12图</span></p></a>
修改后通过火狐浏览器看到的代码,图片在160px上被强制放大了,要如何调用大图或修改缩略图160px的尺寸