如何设计app界面可以适合所有手机屏幕

Question

如题所述

Answer 1

通过设备dpi的声明，和设计上dp的标注，来判断某个元素应该渲染成多大（像素px）的面积，来适配不同屏幕大小和像素密度。

密度
本来就是一个物理面积和像素数的关系，所以这个密度值，可以为不同尺寸不同分辨率的设备提供一个界面布局的参考。

前提是设备声明的dpi是接近自身的硬件ppi的。

明显的例子就是魅族，比如MX3，屏幕物理ppi应该是接近400，所以他们声明dpi也是400（非安卓标准的480）
这样的结果就是MX3上同样的界面（比如Play store），和物理尺寸分辨率都非常接近的其他手机相比（声明dpi480的那些），看起来更小，可以展示更多的内容，充分利用了屏幕，并且在用户使用中会感觉更精致。

Answer 2

　　移动端虽然整体尺寸小+倒下去竖起来的尺寸差别太大，但是本质和PC端页面没什么区别。
　　常见的自适应自然就是：
　　1. 响应式，media queries配合百分比让页面内容自然的去适应
　　2. 根据浏览器尺寸然后进行动态的定位。 手机输入网址浏览或扫描下排二维码

　　如果单独做手机端的页面，用上述方法做自然正常显示不是问题，但是当时间紧任务重或者资源不够需要PC和手机使用同一套页面时，如何适应手机就是个需要考虑的问题了。本回答被提问者和网友采纳