国产终端适配方案 如何设计移动端屏适配方案？
如何设计移动端屏适配方案？
首先，说清楚。移动终端包括Android、apple、webapp、applet等，每种适配方案各不相同，但总体思路相同。如果可以使用百分比，就不要写死像素。然后是每个设备的具体适配方案。
为什么很多web项目还是使用px，而不是rem？
在移动终端刚刚流行的早期，为了使手机页面适应不同大小的手机屏幕，淘宝网的一位前端老板写了一个经过改编的JS，叫做flexible，可以在GitHub找到。原理很简单。似乎根据手机的分辨率和DPI（我不记得了），动态设置根元素HTML的fontsize，然后页面元素的大小就是rem，因为1rem=fontsizeofhtml。
后来，出现了大众和VH。渐渐地，许多项目使用大众汽车进行改编。100vw=100%宽度。因为兼容性不是很好，所以一直没有上线。
nodejs出现后，前端工程开始了。有pxtorem和pxtoview port等插件。在开发过程中，我们可以根据UI标记的PX case直接编写它们。在打包时，插件将帮助我们将PX计算转换为REM或VW。
我现在用大众。不考虑兼容性。我甚至不看那些需要与ie兼容的公司。[遮住你的脸
你好，我认为至少有三个理由说明为什么应该有移动终端的设计规范。
1. 对于设计师：为后续版本迭代和多人合作提供指导，保持产品的统一性；由于一个项目从开始到下一次更新迭代需要很长时间，可能会有很多设计师参与，但每个人的风格不同，会影响整体视觉体验，所以有了规范，设计师就可以在产品视觉上得到统一，便于更新迭代。
2. 对于开发：提供标准化的组件样式以减少开发重复时间。
因为有了规范，以后的维护就方便多了，设计师不需要再做标记，开发时也不需要重新写样式，直接修改内容。
3. 对于用户：符合大众的视觉体验。因为现实中，人们在设计移动终端产品时，在字体、图标间距等方面都有一个普遍的习惯
下面的图是我收集的部分规范与大家分享，大家一起学习
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
