随笔分类 -  移动端

摘要:一.安装插件 npm add lib-flexible postcss-px2rem 二.在public中的index.html中删除meta标签 删除 <noscript> <strong>We're sorry but supermail doesn't work properly withou 阅读全文
posted @ 2020-11-29 23:39 努力~努力再努力~ 阅读(202) 评论(0) 推荐(0)
摘要:if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // alert("手机"); window.location.href = 'http://www.10xunc.com '; } else { // a 阅读全文
posted @ 2019-12-17 09:28 努力~努力再努力~ 阅读(133) 评论(0) 推荐(0)
摘要:解决rem文字动态改变字体大小: <script> console.log(window.devicePixelRatio); var iScale = 1; iScale = iScale/window.devicePixelRatio; document.write('<meta name="v 阅读全文
posted @ 2019-12-13 09:25 努力~努力再努力~ 阅读(2041) 评论(1) 推荐(0)
摘要:1. 移动端点击事件click出现延迟 工作中接触了移动端,发现同事们都会用如下代码去写移动端的点击事件,尝试使用,屡试不爽,一旦没有用下边这段代码,点击事件就会出现各种各样的问题,在连续使用了N多次之后(本人并没有爱钻研的精神~~有点儿懒),终于决定自己上网查一些资料,看看到底是什么原因呗。(解释 阅读全文
posted @ 2019-11-21 17:24 努力~努力再努力~ 阅读(8080) 评论(0) 推荐(2)
摘要:Flex布局 Flex即Flexible Box,写法为:display:flex(旧版:display: -webkit-box) 在Webkit内核下,需要加-webkit前缀: .box{ display: -webkit-flex; //safari display: flex; } 注意: 阅读全文
posted @ 2019-11-20 15:59 努力~努力再努力~ 阅读(220) 评论(0) 推荐(0)
摘要:视口设置: <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=.5,minimum-scale=.5,maximum-scale=1"> 默认不设置viewport一般可视区宽度在移动端是 阅读全文
posted @ 2019-11-20 15:58 努力~努力再努力~ 阅读(302) 评论(0) 推荐(0)