随笔分类 -  移动端

如何解决安卓（系统版本低） 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下元素溢出设置 overflow:auto; 不能滑动解决办法
摘要：ios下元素溢出设置overflow:auto;不能滑动解决办法： overflow:auto; overflow-y:scroll; -webkit-overflow-scrolling:touch; height:200px; 阅读全文
posted @ 2015-08-28 11:43 Rain-Heart 阅读(4634) 评论(0) 推荐(0)
微信调用手机设备
摘要：微信开发文档：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#JSSDK.E4.BD.BF.E7.94.A8.E6.AD.A5.E9.AA.A4/* * 注意： * 1. 所有的JS接口只能在公众号绑定的域名下... 阅读全文
posted @ 2015-08-25 11:32 Rain-Heart 阅读(558) 评论(0) 推荐(0)
px,rem,em的区别
摘要：PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率... 阅读全文
posted @ 2015-08-21 11:38 Rain-Heart 阅读(524) 评论(0) 推荐(0)
如果js设置移动端有两种方式 大家可以参考
摘要：//使用em单位 var scaleObj = { documentEle :　document.documentElement, deviceWidth　: document.documentElement.clientWidth, scale : 0, resetPage : ... 阅读全文
posted @ 2015-08-18 11:00 Rain-Heart 阅读(401) 评论(0) 推荐(0)
怎么设置（控制）移动端的字体大小
摘要：方法一：用css3的媒体查询来设置html {font-size:12px}@media screen and (min-width:480px) and (max-width:639px) {html {font-size: 15px;}}@media screen and (min-width:... 阅读全文
posted @ 2015-07-08 10:34 Rain-Heart 阅读(1520) 评论(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)