DIV+CSS见图片,当页面宽度不足时,想让各DIV依次浮动到下面
答案:4 悬赏:20 手机版
解决时间 2021-03-20 08:16
- 提问者网友:星軌
- 2021-03-19 12:05
DIV+CSS见图片,当页面宽度不足时,想让各DIV依次浮动到下面
最佳答案
- 五星知识达人网友:往事埋风中
- 2021-03-19 12:38
全部设成百分比,然后,设置个最小宽度
例如:
.div1{width:33%; float:left}
.div2{width:33%; float:left}
.div3{width:33%; float:left}
@media (min-width:768px)
{
.div1{width:100%; float:left}
.div2{width:100%; float:left}
.div3{width:100%; float:left}
}追问屏幕够宽时三个div并排显示。窄时竖排显示。注意第二个div是在div1内部,div3和div2是在同一div内部
例如:
.div1{width:33%; float:left}
.div2{width:33%; float:left}
.div3{width:33%; float:left}
@media (min-width:768px)
{
.div1{width:100%; float:left}
.div2{width:100%; float:left}
.div3{width:100%; float:left}
}追问屏幕够宽时三个div并排显示。窄时竖排显示。注意第二个div是在div1内部,div3和div2是在同一div内部
全部回答
- 1楼网友:妄饮晩冬酒
- 2021-03-19 13:40
这是想做响应式页面吗?追问屏幕够宽时三个div并排显示。窄时竖排显示。注意第二个div是在div1内部,div3和div2是在同一div内部追答div1,div2,div3是哪个?鬼知道你是怎么命名的
- 2楼网友:神鬼未生
- 2021-03-19 13:22
这是想做响应式页面吧,你可以去后盾人看看,我记得视频教程的,那边还有很多技术员,你可以去问一下。
- 3楼网友:舍身薄凉客
- 2021-03-19 13:06
你这个是做自适应页面(即响应式),这样要学习一下的,用css的media来做,也可以用框架做,比如bootstrap、amaze ui等
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯