iOS的移动端兼容问题

1)定位问题:ios 2)

写背景图时最好加上top left 或者0 0 不然写运动效果时容易出现跳

  3)防止手机中网页放大和缩小:="viewport" content="user-scalable=0" />

  4)设置Web应用是否以全屏模式运行:="apple-mobile-web-app-capable" content="yes">,content的默认值是no

  5)自动识别电话号码:="format-detection" ontent="telephone=no">,telephone=no可以禁用这功能,默认值是no

  6)禁止复制、选中文本: Element { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

  7) 设置缓存: -equiv="Cache-Control" content="no-cache" /> 手机页面通常在第一次加载后会进行缓存,然后每次刷新会使用缓存而不是去重新向服务器发送请求。

 如果不希望使用缓存可以设置no-cache。

  8) 苹果手机固定定位有bug 检查html和body是不是设置了overflow-x:hidden;

  9) IOS手机中如果出现一个元素的层级非常高可还是被别的元素遮盖的,那么就将该元素与别的元素同级

  10) 给不同屏幕大小的手机设置特殊样式: @media only screen and (min-device-width : 320px) and (max-device-width : 375px){ }

  11) IOS中input键盘事件keyup、keydown、keypress支持不是很好, 用input监听键盘keyup事件,在安卓手机浏览器中是可以的,但是在ios手机浏览器中用输入法输入之后,并未立刻相应keyup事件,只有在通过删除之后才可以响应 方法:可以用html5的oninput事件去代替keyup type="text" id="testInput">

你可能感兴趣的:(移动开发,javascript,ViewUI)