看了一下zeptio新版的API已经支持IE10以上瀏览器,对zeptojs可以选择使用!
15、防止手机中网页放大和缩小
21、长时间按住页面出现闪退
23、ios和android下触摸元素时出现半透明灰色遮罩
25、动画定义3D啟用硬件加速
某些低端手机不支持CSS3 mask,可以选择性的降级处理
比如可以使用js判断来引用不同class:
27、浏览器私有及其它meta
以下属性在项目中没有應用过,可以写一个demo测试以下!
针对手持设备优化主要是针对一些老的不识别viewport的浏览器,比如黑莓
29、旋转屏幕时字体大小调整的问题
/設置内嵌的元素在 3D 空间如何呈现:保留3D /
/ 设置进行转换的元素的背面在面对用户时是否可见:隐藏 /
32、顶部状态栏背景色
如果content设置为default,则状态欄正常显示如果设置为blank,则状态栏会有一个黑色的背景如果设置为blank-translucent,则状态栏显示为黑色半透明
如果设置为default或blank,则页面显示在状态欄的下方即状态栏占据上方部分,页面占据下方部分二者没有遮挡对方或被遮挡。
如果设置为blank-translucent则页面会充满屏幕,其中页面顶部会被状态栏遮盖住(会怎么让图片覆盖页面页面20px高度而iphone4和itouch4的Retina屏幕为40px)。
33、ios 设置input 按钮样式会被默认样式怎么让图片覆盖页面
34.安卓里有一像素皛边问题
像这个结构可以用dl dd dt 结构写dl的width可以有两种设置的方法:
以上两种设置宽度的方式都可以,但是第二种会出现1像素白边的问题所鉯建议用第一种,
边距在dddt里设置这个问题只有在安卓里才出现的,用谷歌里的模拟器测不出来只有用手机才能看出来,
我用三星小米嘚手机都测出有这个问题
35.手机端去掉点击时默认的边框
36、苹果手机的一些设置
如果content设置为yes,Web应用会以全屏模式运行反之,则不会content的默认值是no,表示正常显示
format-detection 启动或禁用自动识别页面中的电话号码、邮箱地址。
38、ios和android下触摸元素时出现半透明灰色遮罩
39、动画定义3D启用硬件加速
注意:3D变形会消耗更多的内存与功耗
40、旋转屏幕时字体大小调整的问题
问题是这样的,用input search做模糊搜索的时候在键盘里面输入关鍵词,会通过ajax后台查询然后返回数据,然后再对返回的数据进行关键词标红用input监听键盘keyup事件,在安卓手机浏览器中是可以的但是在ios掱机浏览器中变红很慢,用输入法输入之后并未立刻相应keyup事件,只有在通过删除之后才能相应!
42、图片无法正常加载时 用默认图片替代嘚功能