移动端有哪些常见布局方式？

1. 响应式布局。

   可以用px作为像素，网页进行平铺。全屏的用100%。高度可以用px写死，宽度可以用百分比。不管网页怎么拉伸，高度不变，宽度会相应的扩大。

2. em/rem 方式布局。

   可以设置好html，body的字体大小，然后用不同的尺寸手机访问的时候，我们可以去修改body的字体大小，网页（网页的内容用rem设置宽度、高度）的之内容会自动进行缩放。

3. 可以按照设计稿的宽 高 来写css，然后通过js判断不同尺寸屏幕，修改 里面 scale的比例大小。

   比如设计稿是 640 * 1136
   我们可以按 640宽度写网页 也可以按320宽度写网页。
   然后
   默认宽度可以设置为你写网页的宽度。
   然后再通过js 来控制scale的比例缩放即可 也可以控制 最小宽度 跟 最大宽度。