h5
海阔天空.
前端工程师
展开
-
移动web(h5页面)适配
最近接触了h5页面,其实它跟pc也没有多大区别,主要是屏幕适配问题,其他基本上是一样的。 1.适配移动端的话,可以用rem单位,媒体查询,百分比布局等等,可以结合使用也可以单独使用。我做的两个项目不是很复杂,就用了rem单位,这基本也够用了。 1rem 等于 html的font-size. 所以我们动态获取到屏幕的宽度做些运算赋值给html的font-size, 再我们页面中所有css单位都用...原创 2018-12-08 11:24:19 · 1513 阅读 · 0 评论 -
记一次h5视频音频使用经验
一个app项目中需要用到一些h5页面, 页面中是含音频、视频的。video,audio原生组件ui太丑了,只有自定义了。 一开始视频组件在安卓内有些兼容问题,全屏功能无法使用,折腾了一会儿,在网上找到一个第三方播放器Aliplayer,阿里云推出的,第一次使用,感觉很方便,使用简单,能在线配置,根据所选配置会生成代码,直接拿来就用,用起来比较爽!有时候我们需要根据视频帧来生成视频封面图片(就是视...原创 2019-03-21 23:05:53 · 973 阅读 · 0 评论 -
移动端弹窗遮罩下页面禁止滚动方法
1.在遮罩根元素上监听移动端特有的touchmove事件, 阻止它的默认行为 //以vue框架中为例 <div @touchmove.prevent> .... </div> //或者 <div @touchmove="touchMove">....</div> touchMove(e) { e.preventDefault() } ...原创 2019-09-05 10:59:41 · 845 阅读 · 0 评论