web移动端 开发高度的百分比是怎么设置
1个回答
2017-01-18 · 百度知道合伙人官方认证企业
尚学堂科技有限公司
北京尚学堂科技有限公司是一家从事JAVA、大数据、web前端、网络在线教育、互联网架构师、Android、ios技术开发、咨询为一体的软件公司。公司由海外留学人员和国内IT人士创建。
向TA提问
关注
![]()
展开全部
网友说: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，我只是说说，移动端响应式局的话，布局要随着窗口变的，
就像你这个，要是在普通的手机端就得变成一栏布局，不能保持三栏
用Media Query设置不同的窗口宽度给不同的css样式
都是css代码不用js控制
在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，我只是说说，移动端响应式局的话，布局要随着窗口变的，
就像你这个，要是在普通的手机端就得变成一栏布局，不能保持三栏
用Media Query设置不同的窗口宽度给不同的css样式
都是css代码不用js控制
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
