移动web
移动web
Q_Q 忙里偷闲
自律。
展开
-
移动端点透问题及解决方案
1. 点透场景层A 覆盖在层B上面,常见的有对话框等,层A用 touchstart 或者tap(zepto)事件点击进行隐藏或者移开,由于click晚于touchstart,超过300ms,当层A隐藏后,click到的是下面的层B,此时层B的click事件会触发,或者其上的a链接会跳转,input,select会吊起键盘。2. zepto的tap事件原理zepto的 tap 事件是通过 t...原创 2019-03-16 21:04:33 · 1407 阅读 · 0 评论 -
vue项目中使用lib-flexible解决移动端适配的问题
前言:先说下为什么使用 lib-flexible为了解决移动端适配问题,更多参考:https://www.cnblogs.com/lyzg/p/5058356.html动态改写标签给元素添加data-dpr属性,并且动态改写data-dpr的值给元素添加font-size属性,并且动态改写font-size的值1: 效果(效果更直观)添加lib-flexible前效果(页面不会随视...原创 2019-04-15 16:28:28 · 13048 阅读 · 0 评论 -
vue解决h5 video视频 ios和安卓兼容问题
解决问题:不全屏播放 播放一次就不能播放,IOS一开始是白屏,返回后不能播放核心是判断手机为安卓还是ios,然后分开写下面是几个核心的关键代码:controls 解决播放一次就不能播放webkit-playsinline="" playsinline=“true” 解决一播放就是全屏preload=“none” 解决浪费资源问题 一打开网页就加载mp4 造成不必要的损失...原创 2019-04-15 00:14:14 · 9780 阅读 · 0 评论 -
移动端设置border的1px像素解决方案
为了方便通用,使用 mixin 定义一个函数。(mixin是sass定义函数的关键字)/** $color是形参**/@mixin border-1px($color) { position: relative; &:after{ display: block; position: absolute; left: ...原创 2019-04-24 17:50:17 · 3333 阅读 · 0 评论 -
移动端项目中 @2x 图 和 @3x 图 的解决方案
1. 很多人会问?为什么移动端需要@2x或者@3x的图片 ?具体请参考:为什么移动端需要@2x或者@3x的图片本篇主要是解决@2x 图 和 @3x 图 的实现方案,下面是具体板栗。说在前面的话:移动端开发过程中,你会发现公司项目图片文件夹中会有很多@2x或者@3x的图标,是因为手机的dpr(设备像素比不同),我们> 需要根据dpr来修改不同大小的图标,来解决不同设备用户视觉体验。...原创 2019-04-25 09:56:26 · 5339 阅读 · 0 评论 -
微信H5移动端真机调试--vConsole
在移动端实际开发中,还是会碰到一些棘手的bug,想看看到底哪里出了问题,苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口,使开发者可以真机调试。给微信开发...转载 2019-06-26 17:14:35 · 3196 阅读 · 1 评论