meta基础知识
h5页面窗口自动调整到设备宽度，并禁止用户缩放页面
1
viewport模板——通用
标题
移动端touch事件
当用户手指放在移动设备在屏幕上滑动会触发的touch事件
touchstart——当手指触碰屏幕时候发生。
touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面，会调用event的preventdefault()可以阻止默认情况的发生：阻止页面滚动
touchend——当手指离开屏幕时触发
touchcancel——系统停止跟踪触摸时候会触发。例如在触摸过程中突然页面alert()一个提示框，此时会触发该事件，这个事件比较少用
touchevent
touches：屏幕上所有手指的信息
targettouches：手指在目标区域的手指信息
changedtouches：最近一次触发该事件的手指信息
touchend时，touches与targettouches信息会被删除，changedtouches保存的最后一次的信息，最好用于计算手指信息
webkit表单元素的默认外观怎么重置
.css{-webkit-appearance:none;}
webkit表单输入框placeholder的颜色值能改变么
input::-webkit-input-placeholder{color:#aaaaaa;}
input:focus::-webkit-input-placeholder{color:#eeeeee;}
webkit表单输入框placeholder的文字能换行么
ios可以，android不行~
::-ms-expand 适用于表单选择控件下拉箭头的修改，有多个属性值，设置它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。
select::-ms-expand {
display: none;
}
audio元素和video元素在ios和andriod中无法自动播放
应对方案：触屏即播
$('html').on('touchstart',function(){
audio.play()
})
播放视频不全屏