关于移动端全屏宽高适配问题，注意：所有东西是一屏显示完，不会出现滑动条之类的

Question

最近在做一个项目就是关于运行在手机端微信的页面，设计图是720X1280的psd，psd里面所有的东西都需要在一屏里面显示完，不能出现滑动条要下拉才能看完内容，而是设计图里面所有的东西需要单屏显示完整，请问怎样针对不同的手机进行适配？例如：微信里面浏览页面，微信自带一个顶栏+手机自带顶栏（显示手机信号、WiFi、、、的toolbar，）或者在手机浏览器里面浏览页面（浏览器自带一个顶栏、还有一个底部工具栏），同一台手机，在微信或者手机浏览器里面，页面是的可视高度是不同的，需要的效果就是，内容都能完整显示、自适应高度。

图片只供参考：要的效果就是像上图淘宝页面：我需要把所有的东西在一屏里面显示完（把设计图720X1280里面所有东西单屏显示完，能适配不同手机），希望有大神解答。。。。。

Answer 1

用响应式布局