移动端-笔记_html/css_WEB-ITnose

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()
})

播放视频不全屏