请教修改响应式网页 电脑上要求居中显示2行3列,手机上要求6行1列.图片自适应宽度 <html>
发布网友
发布时间：2022-04-25 17:04
共1个回答
热心网友
时间：2023-10-21 13:15
额，好乱的代码，想要实现响应式，要用
@media screen and (max-width:600px){}这个属性，比如说最大宽度是600px的时候，那就设置层的宽度是90%；其余的时候层的宽度都是30%；不就可以了么追问手机发的，没办法。麻烦你帮写个完整的可以吗？谢谢你
追答<div>
<ul>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
</ul>
</div>
li{ width:30%; float:left}
@media screen and (max-width:600px){
li{ width:90%;}
}
