lihefei_coder的博客

参考链接 https://www.jianshu.com/p/f4093192e8d8

一、web前端 1.调用APP原生方法 const nativeOS = { isAndroid() { return /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent); }, isIos() { return /(Android)/i.test(navigator.userAgent); }, isMobi...

淘宝适配方案 <script> !function(e, t) { var n = t.documentElement , d = e.devicePixelRatio || 1; function i() { var e = n.clientWidth / 3.75; n....

vConsole 介绍：https://www.oschina.net/p/vconsole 官网：https://alloyteam.github.io/AlloyLever/ eruda 介绍：https://www.cnblogs.com/milo-wjh/p/6807753.html 官网：https://github.com/liriliri/eruda/blob/master/doc/...

方法一 .line { height: 0.5px; background-color: gray; } 优点：设置简单，ios上实用 缺点：安卓不兼容 方法二 .line { height: 1px; background-color: gray; transform: scaleY(0.5); } 优点：设置简单，兼容ios和安卓 缺点：安卓上效果粗糙 方法三 /* 线条 */ ...

/* 去掉按钮或链接点击的灰色背景 */ * { -webkit-tap-highlight-color: rgba(0,0,0,0) !important; tap-highlight-color: rgba(0,0,0,0) !important; } /* 尺寸根据尺寸等比缩放 */ html { font-size: 62.5%; } @media only screen and (...

属性 说明 width 视窗宽度，值为字符串"width-device"或一个正整数 height 视窗高度，值为字符串"height-device"或一个正整数 initial-scale 页面初始缩放值，值为数字，并支持小数 minimum-scale 允许用户缩放...

淘宝 ! function(e, t) { var n = t.documentElement, d = e.devicePixelRatio || 1; function i() { var e = n.clientWidth / 3.75; n.style.fontSize = e + &amp;quot;px&amp;quot; } if ...

禁用触屏滚动及恢复 //阻止默认行为函数 function preventDefault(e) { e.preventDefault(); } // 禁用触摸滚动页面 document.addEventListener('touchmove', preventDefault, false); // 恢复触摸滚动页面 document.removeEventListener('to...