移动端 - 随笔分类 - shirliey

andriod\iphone视频禁止全屏播放

摘要：x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" playsinline="true"禁止视频全屏播放代码 <video src="test.mp4" width="320" height="300" au 阅读全文

posted @ 2018-08-29 16:14 shirliey 编辑

JS判断Android、iOS或浏览器的多种方法(四种方法)

摘要：第一种：通过判断浏览器的userAgent，用正则来判断是否是ios和Android客户端。代码如下： <script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') 阅读全文

posted @ 2018-06-22 14:10 shirliey 编辑

移动端视频不兼容

摘要：安卓和ios的视频限制自动播放，以防浪费用户流量，除非用户对自己的浏览器进行设置。阅读全文

posted @ 2018-05-25 16:50 shirliey 编辑

移动端网页开发注意点

摘要：1、scale和zoom缩放的区别： scale缩放是居中缩放；如果缩小到80%，那么占据的空间依然是100%。 zoom缩放是相对于左上角缩放；zoom缩放改变占据的空间大小；zoom缩放文字的时候有局限，最小只能是12px字；zoom缩放只能x、y轴同步缩放。 2、rem缩放问题： rem缩放会阅读全文

posted @ 2017-12-22 14:38 shirliey 编辑

wap开发tips

摘要：1、overflow-x 这真的是一个大坑，一旦你在body或者html上用了这个属性，对不起，如果你的页面出现滚动条的话，那就会出现莫名其妙的bug，滑动页面的时候fix在顶部或者底部的会挡住。解决办法：html跟body不要使用这个属性，如果不想让横向出现滚动，就用overflow:hidde 阅读全文

posted @ 2017-05-31 11:49 shirliey 编辑

移动界面使用字体规范

摘要：ios 系统默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 android 系统默认中文字体是Droidsansfallback 默认英文和数字字体是Droid Sans 无微软雅黑字体 winphone 系统默认中文阅读全文

posted @ 2017-05-27 08:57 shirliey 编辑

手机H5设计尺寸

摘要：手机型号导航栏和状态栏的高度宽度高度可视区域高度 iPhone 4 (4, 4S) 64px 320px 480px 416px iPhone 5 (5c, 5s) 64px 320px 568px 504px iPhone 6 64px 375px 667px 603px iPhone 6 阅读全文

posted @ 2016-03-09 10:14 shirliey 编辑

shirliey

随笔分类 - 移动端

随笔分类