移动端布局
自适应
流体式
相对单位
弹性
盒子
盒子模型
计算器
固定宽
响应式

meta
    name
        viewport
    content
        width=device-width
        initial-scale=1.0
        user-scalable=0
document.documentElement.style.fontSize=document.documentElement.clientWidth/320*50;
    640高清图
    750高清图

响应式————媒体查询
在每个分辨率下都有一套不同的样式
@media (条件){
css
}

@media screen and () and (){}

link media="(min-width:800px)"
link media="screen and (min-width) and (max-width)"

高级动画
keyframes name{}
animation:name time easing infinite;

js选取元素
document.querySelector(‘’); 一个
id class tagName
document.querySelectorAll(); 多个

手指事件
touchstart 手指按下
touchmove 手指拖动
touchend 手指抬起

移动端事件必须用事件绑定

练习
移动端锁定

移动端库
zepto
swiper
iScroll
animate.css
eCharts