自接触移动端H5页面以来,从未停止对H5页面适配不同屏幕的解决方案的探索。从最初的bootstrap响应式框架来做手机适配; 后来尝试用百分比去做H5的适配;接着又去尝试媒体查询,但移动端的屏幕大小个各异,各种尺寸的机型都有,难以做到不同手机适配, 后来看到京东,网易,手淘等使用rem做手机适配 ...
最近在研究用视频代替动画,用视频代替精灵动画,我们称这种视频叫做交互视频。 传统的精灵动画: 磁盘空间大,下载慢,尤其是在线播放,会更慢 文件太多,在线播放的时候,太多http请求,会导致响应慢,或者行为失常 因此,急需开发了一套技术,用视频代替精灵动画。我们称这种视频叫做交互视频 传统视频的问题: 传统视频,只能在方块形的区域中播放 传统的视频,在iPad下是窗口播放,在iPhone下面,只能全 ...
2015-09-16 09:24 9 55090 推荐指数:
自接触移动端H5页面以来,从未停止对H5页面适配不同屏幕的解决方案的探索。从最初的bootstrap响应式框架来做手机适配; 后来尝试用百分比去做H5的适配;接着又去尝试媒体查询,但移动端的屏幕大小个各异,各种尺寸的机型都有,难以做到不同手机适配, 后来看到京东,网易,手淘等使用rem做手机适配 ...
需要调用jweixin-1.0.0.js 下载地址:http://res.wx.qq.com/open/js/jweixin-1.0.0.js 音乐按钮控制播放: ...
关键词:html5 nativeapp webapp mp4 H.264 html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果,特总结分享给大家。众所周知应用开发分两种:一是原生的native app 二是web app,也就是通过浏览器访问的应用。html5在移动互联时代 ...
原文链接:https://www.jianshu.com/p/e4573acf6564 webkit-playsinline && playsinline="true" 小窗播放 使视频不脱离文本流,但是需要webview ...
传统的精灵动画: 磁盘空间大,下载慢,尤其是在线播放,会更慢文件太多,在线播放的时候,太多http请求,会导致响应慢,或者行为失常因此,急需开发了一套技术,用视频代替精灵动画。我们称这种视频叫做交互视频 传统视频的问题: 传统视频,只能在方块形的区域中播放传统的视频,在iPad下是窗口 ...
问题 众所周知,移动端当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容,这就是臭名昭著的滚动穿透问题 之前搜索了一圈,找到下面两种方案 css 之 overflow: hidden 页面弹出层上将 .modal-open 添加到 html 上,禁用 html ...
一、问题现象 在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在高清屏机型中,1px会比较粗,即是较经典的移动端1px像素问题。 二、产生原因 高清屏(retina屏)是指高dpr的设备,其物理像素的密度更大。又分为有两倍 ...
解决问题 ios端兼容input高度, ios上下滑动页面卡顿,页面缺失, input输入框在iOS中获取到焦点之后界面上移无法回落问题, 界面点反应慢、延时问题解决方案, new Date()转换时间在iOS中不生效问题, 关于部分拷贝方法在iOS中不生效问题 ...