移动web开发常用技巧

//强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

//iphone设备中的safari私有meta标签，允许全屏模式浏览；

//iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；

//告诉设备忽略将页面中的数字识别为电话号码；

使用-webkit-border-image代替复杂的（圆角+内发光+高光）

setTimeout(scrollTo,0,0,0) 需要放在window.onload里，当前文档的内容高度必须是高于窗口的高度。

autocapitalize="off"

-webkit-touch-callout:none

-webkit-user-select:none

window.scrollY和window.scrollX

*如何解决iOS 4.3版本中safari对页面中5位数字的自动识别和自动添加样式

// 设置开始页面图片
// 在设置书签的时候可以显示好看的图标
www.111com.net // 肖像模式样式
// 风景模式样式
//竖屏时使用的样式
//横屏时使用的样式

/ 手势事件
touchstart //当手指接触屏幕时触发
touchmove //当已经接触屏幕的手指开始移动后触发
touchend //当手指离开屏幕时触发
touchcancel

// 触摸事件
gesturestart //当两个手指接触屏幕时触发
gesturechange //当两个手指接触屏幕后开始移动时触发
gestureend

// 屏幕旋转事件
onorientationchange

// 检测触摸屏幕的手指何时改变方向
orientationchange www.111com.net

// touch事件支持的相关属性
touches
targetTouches
changedTouches
clientX　　　　// X coordinate of touch relative to the viewport (excludes scroll offset)
clientY　　　　// Y coordinate of touch relative to the viewport (excludes scroll offset)
screenX　　　 // Relative to the screen
screenY 　　 // Relative to the screen
pageX　　 　　// Relative to the full page (includes scrolling)
pageY　　　　 // Relative to the full page (includes scrolling)
target　　　　 // Node the touch event originated from
identifier　　 // An identifying number, unique to each touch event

//屏幕旋转事件：onorientationchange
window.orientation //0 肖像模式，-90 左旋，90 右旋，180 风景模式

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}

@media screen and (max-device-width: 480px){
　　img{max-width:100%;height:auto;}
}