百分比响应式布局，高度怎么设置？

Question

如题，想利用百分比做响应式布局，宽度按照屏幕宽度百分比这个没什么问题，高度该相对谁的百分比？还是高度就用固定高度？

Answer 1

高度自适应啊，如果你想用相对浏览器宽高度的百分比，推荐你两个css单位：
vh：相对浏览器的高度，85vh是浏览器高度的85%；
vw：相对浏览器的宽度，85vw是浏览器宽度的85%；

Answer 2

看你们需求了呗，一般移动端宽度高度都要自适应。你可以用rem布局，直接用淘宝的flexible方案就行了，宽度高度都解决了。如果你只有PC端需求，那你就宽度百分比，高度设计是多高你就多高。