在移动端 web怎么做到自适应布局

答案:1 悬赏:70 手机版

解决时间 2021-03-27 17:31

提问者网友：萌卜娃娃
2021-03-26 17:04

在移动端 web怎么做到自适应布局

最佳答案

五星知识达人网友：轮獄道
2021-03-26 18:06

css3用box-flex;在w3school里找找，主要是根据父元素按比例分配高度父元素{width:100%;display:box;}比如三栏布局A、B、C要想设成一样的宽度就用A{box-flex:1;}B{box-flex:1;}C{box-flex:1;}要是两栏布局B是A的2倍那就是A{box-flex:1;}B{box-flex:2;}高度也是还有一个css3的新功能就是calc()计算，可以计算高度，可以试着用一下PS，我只是说说，移动端响应式局的话，布局要随着窗口变的，就像你这个，要是在普通的手机端就得变成一栏布局，不能保持三栏用MediaQuery设置不同的窗口宽度给不同的css样式都是css代码不用js控制

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息