对于WebApp页面如何做到自适应，em，百分比，flex-box等？

Question

就是在做WebApp页面时，总感觉有很鸡肋的地方，比如只显示两行，超出隐藏，图片背景等，在Android,IOS中等都有问题，有资料么？

Answer 1

现在基本上也就你提到你几种方案，

但通过我自己的经验，我更倾向于直接用320为基准进行网页的整体缩放，通过百分比控制 img 通过 background-size控制背景图大小，这样的做法是可以直接像写pc页面一样写css，都用px为单位

就现在经过我手的项目来看，兼容性问题非常非常少

Answer 2

flex配合media querry吧，足以应付手持设备啦。