Question

html ul li 图片高度不一致怎么解决

div ,ul li 的宽度和高度使用的都是百分比，但是图片的尺寸不一样，导致前台显示错位，求大神指教，如何让一排图片高度一致，且移动端不会变形，图片的宽和高自动缩放？感谢 .dz_cont {width:100%; height:auto; float:left; margin-top:2px; } .dz_cont ul {width:100%; float:left; margin:0px; padding:0px; list-style-type:none; } .dz_cont ul li {float:left; width:23%; height:auto; margin:0px 1% 0px 1%; border:0px #CCC solid; text-align:center; } .dz_cont ul li img {width:100%; height:100%; border:1px #CCC solid; opacity:1; filter:alpha(opacity=100); }





Answer 1

这个最好把图片做成一样大小的
不然你就用遮罩显示一样大小的区域 但是区域变小图片是不会变小的内容就不全（不建议）