随笔分类 -  html5

如何解决安卓（系统版本低） CSS3 动画问题---高性能动画
摘要：目前对提升移动端CSS3动画体验的主要方法有几点：尽可能多的利用硬件能力，如使用3D变形来开启GPU加速-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: transl... 阅读全文
posted @ 2016-01-12 10:23 Rain-Heart 阅读(4352) 评论(0) 推荐(0)
不推荐在iOS的浏览器应用上使用click和mouseover
摘要：iOS上的Safari也支持click 和mouseover等传统的交互事件，只是不推荐在iOS的浏览器应用上使用click和mouseover，因为这两个事件是为了支持鼠标点击而设计 出来的。Click事件在iOS上会有半秒左右的延迟，原因是iOS要highlight接收到click的elem... 阅读全文
posted @ 2015-07-16 14:00 Rain-Heart 阅读(597) 评论(0) 推荐(0)
移动端web开发技巧和常见问题
摘要：常见问题1、移动端如何定义字体font-family三大手机系统的字体：ios 系统默认中文字体是Heiti SC默认英文字体是Helvetica默认数字字体是HelveticaNeue无微软雅黑字体android 系统默认中文字体是Droidsansfallback默认英文和数字字体是Droid ... 阅读全文
posted @ 2015-07-05 17:34 Rain-Heart 阅读(2501) 评论(0) 推荐(0)
移动端meta标签的设置
摘要：var phoneWidth = parseInt(window.screen.width);var phoneScale = phoneWidth / 640;var ua = navigator.userAgent;if (/Android (\d+\.\d+)/.test(ua)) { ... 阅读全文
posted @ 2015-06-18 09:52 Rain-Heart 阅读(364) 评论(0) 推荐(0)