android WEBAPP开发总结

1、 Andrid4.1事件穿透BUG 原因不明

2、 Android2.X 中文不支持粗体

3、 目前发现的WEBVIEW尺寸宽度有320、 360、 400等多个尺寸

该分辨率或许和屏幕尺寸有关
目前测试结果
320-640分辨率-》320
720分辨率 –》360
800 分辨率 –》400
难道是手机宽度的一半？

4、 原尺寸图片放到WEBVIEW里会显得很模糊，建议采用大图进行缩小
比如 需要为300*100大小的图片，请使用600*200的来进行缩小

5、 ANDROID 2.X TEXTAREA|INPUT等空间可能会出现移位的情况，原因也许与position:fix有关
[img]http://dl2.iteye.com/upload/attachment/0087/7569/51628473-8716-3a9f-803a-d540517cf236.jpg[/img]
6、 text-overflow:ellipsis;（字符串CSS截取）功能BUG：截取长度会把margin-left一起计算进去，导致含有margin-left的容器被截取内容过多。

7、 使用translate3d的位移会导致position:fixed的内置元素一起移动。此BUG更恶心的是，在IPHONE里会直接移掉，可在ANDROID里显示不会移动，但如果有事件的话，事件的可点击区域会位移。估计是ANDROID尝试修复没修复好。

8、 WEBVIEW内存限制12M（目前此问题尚未出现）

9、 ANDROID2.X不支持BOX-SHADOW

10、 不支持MASK

11、 支持CALC，使用时请注意防止被LESS预编译
width:~"-webkit-calc(100% - 100px)";
margin: 0px 50px;
通过此方法可以很容易实现浮动元素居中，而不用去计算TOP LEFT

不断更新中，做手机WEBAPP的可以先看下，开发过程中可以注意点