移动web

# 移动适配方案

1. 定高不定宽

2. 响应式布局

3.rem

# 视口属性

meta:vp+table

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

user-scalable:是否支持缩放  0=不支持,1=支持

initial-scale: 初始的缩放值,一般默认给1

maximum-scale:最大的缩放值

minimum-scale:最小的缩放值

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

# 记忆点

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

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

你可能感兴趣的:(移动web)