移动端开发需要注意的事项？

移动端开发需要注意的事项？

前提——移动端开发需要达到的三点要求：

1、自适应手机端任何尺寸设备
2、多平台ui表现一致
3、完美适配不同设备浏览器

一、meta的使用

移动端的项目必须配置viewport

二、布局

PC端和移动端的布局的思路还是比较不同的。在PC端我们很常见的一种布局思路如下：将网页主题设为固定宽度，居中，并定义最小宽度，可适配各种大小的PC端屏幕。由于PC端可视范围较大，所以上述方法可行。
但是移动端完全不同，移动端的屏幕本身就比较小，所以我们必须全部利用起来。移动端的页面一般来说结构都会比较简单，下面分结构介绍两种布局：

（1）居中

一般banner或者按钮等元素都会定义为居中布局。在ps中量好外边距后，直接给元素设置margin，如：margin: 0 10px; 无需设置宽度，元素会自动撑开，且在任何屏幕上都会有相同10px的左右外边距。

（2）多个元素水平排列

如果有四个元素需要水平排列，怎样做到在任何移动端都能够漂亮的排列呢？很简单，将每个元素都设置成25%的宽度并居中，就能达到上述的效果。

比较复杂一点的，如果是六个元素呢？经过简单的计算，每个元素都定义为16%的宽度，这样总共是1