# 移动适配方案

1. 定高不定宽

2. 响应式布局

3.rem

# 视口属性

meta:vp+table

<meta name="viewport" content="width=device-width,user-scalable=no,initical-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"/>

width：可以给固定值或者是设备宽度

user-scalable：是否支持缩放  0=不支持，1=支持

initial-scale： 初始的缩放值，一般默认给1

maximum-scale：最大的缩放值

minimum-scale：最小的缩放值

height：不做限制让内容将页面撑大

# 记忆点

1.让照片随窗口变化：img属性display:block;width:100%;

2.让窗口排版不杂乱：给body设置min-height:250px（一个合适的值即可）