全部设成百分比,然后,设置个最小宽度
例如:
.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}
}
你这个是做自适应页面(即响应式),这样要学习一下的,用css的media来做,也可以用框架做,比如bootstrap、amaze ui等
这是想做响应式页面吧,你可以去后盾人看看,我记得视频教程的,那边还有很多技术员,你可以去问一下。
这是想做响应式页面吗?