2020年11月24日
移动端适配1px的方法
摘要： 为什么移动端css里面写了1px, 实际看起来比1px粗 像这样就很粗，我们可以利用伪类 + transform 实现实现 这样的效果 原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的 阅读全文
posted @ 2020-11-24 18:23 凹凸曼啦 阅读(208) 评论(0) 推荐(0) 编辑
rem加百分比 移动端加载瞬间错乱解决方案
摘要： h5页面在手机端浏览时，会闪一下错乱的页面，然后才加载完整，让用户看着特不舒服。解决方案也简单 1.JS加载顺序与加载方法 body以及body包含的DOM还未被浏览器遍历之前，我们就应该将html的font-size计算好 function resize() { var htmlEle = doc 阅读全文
posted @ 2020-11-24 18:17 凹凸曼啦 阅读(190) 评论(0) 推荐(0) 编辑
h5页面在pc居中显示
摘要： 我们开发h5页面在pc刚打开是铺满屏幕的，需要显示在中间，像这样 其实很简单，在body加上他的最大宽度就好了 body{max-width: 640px;margin: 0 auto !important;} 转自https://blog.csdn.net/weixin_45885847/arti 阅读全文
posted @ 2020-11-24 18:01 凹凸曼啦 阅读(729) 评论(0) 推荐(0) 编辑
移动端 video播放器层级过高，遮挡住其他内容
摘要： 用video在移动端遇到，点击导航栏，视频把导航给遮挡住了，差了好多文档。最后终于解决了 百度一堆都是说加x5-video-player-type="h5"属性，其实不然，正确的写法是. <video class="video-js vjs-default-skin vjs-big-play-cen 阅读全文
posted @ 2020-11-24 17:56 凹凸曼啦 阅读(3500) 评论(0) 推荐(0) 编辑
2020年11月20日
页面多个H5播放器video，如何点击当前视频其他视频暂停
摘要： 一个页面中有多个音频audio标签，怎样在点击其中一个播放时，其他的停止播放。放上完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi 阅读全文
posted @ 2020-11-20 16:35 凹凸曼啦 阅读(921) 评论(0) 推荐(0) 编辑
2020年11月17日
h5页面在移动端禁止缩放，双击放大，双指放大
摘要： h5的页面在手机浏览器，或者微信里面访问时，有时候不小心点了，页面就变大了 就像这样 需要在js里面添加方法 将如下代码拷贝就OK了 // 禁用缩放 function addMeta() { $('head').append('<meta name="viewport" content="width 阅读全文
posted @ 2020-11-17 18:19 凹凸曼啦 阅读(3766) 评论(0) 推荐(0) 编辑
2020年11月13日
uni-app发h5本地浏览index.html空白的问题
摘要： uni-app发h5 本地运行空白 发布H5mainfest.json中修改配置 再次在本地打开生成的静态文件夹static/index.html,发现可以直接访问了 阅读全文
posted @ 2020-11-13 12:07 凹凸曼啦 阅读(2418) 评论(0) 推荐(0) 编辑
2020年11月12日
运行nvue 页面报错reportJSException >>>> exception function:GraphicActionAddElement, exception:You are trying to add a u-text to a u-text, which is illegal as u-text is not a container
摘要： 运行nvue 页面报错reportJSException >>>> exception function:GraphicActionAddElement, exception:You are trying to add a u-text to a u-text, which is illegal a 阅读全文
posted @ 2020-11-12 18:07 凹凸曼啦 阅读(1887) 评论(0) 推荐(0) 编辑
2020年11月4日
nvue页面注意事项
摘要： 1.nvue 页面只能使用 flex 布局 2.布局不能使用百分比、没有媒体查询。 3.选择器仅支持class 选择器 /* 错误 */ #id {} .a .b .c {} .a > .b {} /* 正确 */ .class {} border 不支持简写 /* 错误 */ .class { b 阅读全文
posted @ 2020-11-04 13:34 凹凸曼啦 阅读(3678) 评论(0) 推荐(1) 编辑
2020年11月3日
移动端可能遇到的问题解决方案
摘要： 1.ios如何取消首字母大写 <input type="text" autocapitalize="off"> 2.移动端input键盘右下角搜索按钮 <form action="" onsubmit="return false"> <input type="search"> </form> 解决方 阅读全文
posted @ 2020-11-03 09:36 凹凸曼啦 阅读(199) 评论(0) 推荐(0) 编辑