想问下图片自己适配大小，怎么弄？

普罗米修斯的船 · 发表于 2015-5-14 15:24:07

想问下怎样在DIY里图片让它自己调整大小，怎么弄？

技术帮助 · 发表于 2015-5-14 17:32:26

定义图片宽度width:100%

普罗米修斯的船 · 发表于 2015-5-14 23:41:34

技术帮助发表于 2015-5-14 17:32
定义图片宽度width:100%

它这个有的正常大小，有些却出现不规则。
代码如下：<style type="text/css">
.vk_slide_730 { position:relative; overflow:hidden; width:730px; height:325px; }
/*
.cnt-sub .vk_slide span { height:50px; font:20px/50px "microsoft yahei"; }
*/
.vk_slide_730 span { height:50px; font-size:16px;}

.vk_slide_730 .vk_slide_item { position:absolute; top:0; left:0; width:100%; height:100%; }
.vk_slide_item a, .vk_slide_item a:visited { display:block; width:100%; height:100%; color:#FFF; }
.vk_slide_item a:hover { color:#FFF; text-decoration:none; }
.vk_slide_item img { width:100%; height:100%; }
.vk_slide_730 .slideshow li:hover img {opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90);}
.vk_slide_item span { position:absolute; left:0; bottom:0; display:block; width:100%; height:60px; text-indent:10px; line-height:40px; filter:progid

XImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000'); background:rgba(0,0,0,0.4); overflow:hidden; }

.vk_slide_page { position:absolute; right:0; bottom:10px; }
.vk_slide_730 .vk_slide_page a, .vk_slide_730 .vk_slide_page a:visited { float:left; margin-right:5px; padding-top:10px; width:16px; height:6px; text-align:center; font:700 12px/15px Simsun; text-indent:1000px; background:#FFF; border-radius:8px; box-shadow:inset 1px 1px 2px rgba(0,0,0,.4); overflow:hidden; /* opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); */ }
.vk_slide_730 .vk_slide_page .on, .vk_slide_730 .vk_slide_page .on:visited { text-decoration:none; color:#FFF; background:#0ad; }

</style>

<div class="vk_slide_730 slidebox">
<ul class="slideshow">
[loop]
<li class="vk_slide_item" style="width: {picwidth}px; height: {picheight}px;"><a href="{url}"{target} title="{title}"><img src="{pic}" width="{picwidth}" height="{picheight}" /><span>{title}</span></a></li>
[/loop]
</ul>

<div class="vk_slide_page slidebar">
[loop1]
<a href="javascript:;">{currentorder}</a>
[/loop1]
</div>
</div>
<script type="text/javascript">
runslideshow();
</script>
也试了width:100%，但没有多大的效果，具体怎么修改呢？老师

		自动登录	找回密码
密码			立即注册