返回信息流怎样写 可以在缩小屏幕宽度的时候 让那4个icon自动变成上下各两个 而不是3个在上1个在下
真的好苦恼 最开始写的时候好好的 后来该功能就越改越乱了 求大神回复
这是一条镜像帖。来源：北邮人论坛 / www-technology / #35370同步于 2016/4/10
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖
css大神请进
Yvonne
2016/4/10镜像同步12 回复
订阅后，新回复会通过你的通知中心匿名送达。
9 条回复
@media不可以吗
【 在 Yvonne (来来这是一个榴莲) 的大作中提到: 】
: 怎样写 可以在缩小屏幕宽度的时候 让那4个icon自动变成上下各两个 而不是3个在上1个在下
: 真的好苦恼 最开始写的时候好好的 后来该功能就越改越乱了 求大神回复[upload=1][/upload]
: ...................
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
.wrap {
margin: 0 auto;
width: 100%;
}
.wrap div {
width: 25%;
height: 200px;
background-color: #ccc;
text-align: center;
float: left;
margin-bottom: 2px;
}
.wrap div:nth-child(odd) {
background-color: #eee;
}
@media screen and (max-width: 600px) {
.wrap div {
width: 50%;
}
}
</style>
</head>
<body>
<div class="wrap">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</body>
</html>
【 在 dcy0701 的大作中提到: 】
: 分两个块级盒子。
: <div1><icon1/><icon2/></div1>
: <div2><icon3/><icon4/></div2>
感谢！这个方法最简单了！