![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端适配
安薇拉
这个作者很懒,什么都没留下…
展开
-
移动端学习之requestAnimationFrame兼容性相关处理
不同厂商兼容性代码: var raf = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 16);原创 2020-06-16 14:05:30 · 707 阅读 · 0 评论 -
移动端字体大小固定显示
此方法需要首先用js在head 添加自定义属性保存DPR值; [data-dpr='2'] body, [data-dpr='2'] a, [data-dpr='2'] input{ font-size: 24px; } [data-dpr='3'] body, [data-dpr='3'] a, [data-dpr='3'] input{ font-size: 36px; }原创 2020-06-12 17:00:47 · 246 阅读 · 1 评论 -
去除移动端a链接点击时的高亮显示
a{ -webkit-tap-highlight-color: transparent; }原创 2020-06-12 16:58:47 · 440 阅读 · 1 评论 -
原生js解决移动端1像素问题---1
(function () { var docEl = document.documentElement, viewPortEl = document.querySelector('meta[name="viewport"]'), dpr = window.devicePixelRatio || 1, maxWidth = 540, minWidth = 320; dpr = dpr >= 3 ? 3 : (dpr >原创 2020-06-12 14:09:30 · 346 阅读 · 0 评论