百读易莱胜-移动端网页重构指南.doc百读易莱胜-移动端网页重构指南 -CSS篇
本文主要介绍移动重构
CSS相关部分，包括编码、字体、 touch相关、硬件加速、兼容问题
等。
基础篇
编码
字体设置
盒模型
上下拉动滚动条时卡顿、慢
Android3+ 和 iOS5+ 支持 CSS3 的新属性为 overflow-scrolling
禁止复制、选中文本
解决移动设备可选中页面文本（视产品需要而定）
长时间按住页面出现闪退
iphone及ipad下输入框默认内阴影
更改输入框placeholder的颜色
placeholder的文字在ios下可以换行，an droid不行
ios和android下触摸元素时出现半透明灰色遮罩
设置alpha值为0就可以去除半透明灰色遮罩，备注： tran spare nt的属性值在an droid
F无效。
active兼容处理
动画定义3D启用硬件加速
注意：3D变形会消耗更多的内存与功耗
Retina屏的1px边框
webkit mask兼容处理
某些低端手机不支持 css3 mask,可以选择性的降级处理。
比如可以使用js判断来引用不同class：
旋转屏幕时，字体大小调整的问题
transition 闪屏
圆角bug
某些An droid手机圆角失效
百读易莱胜-移动端网页重构指南 来自淘豆网m.daumloan.com转载请标明出处.
