随笔分类 - 移动端
摘要：1. 100vh 在 Android 的webview 中失效 项目中遇到该问题，客服页面，本应该置底的输入框，在新版本的 webview 安卓机 出现页面很短小，也不是置底的问题（老版本SDK中没有此问题，不知道是什么原因引起的） 解决方案： document.querySelector("htm
阅读全文
摘要：https://www.cnblogs.com/xiahj/p/8036419.html
阅读全文
摘要：在解决这个问题之前，首先得了解以下背景知识。 一、移动端像素相关 1. 屏幕分辨率 ：屏幕上面的像素点数，1280x720表示这个显示器水平方向有1280个像素，垂直方向上有720个像素。 2. dpi（点 每英寸）：d是显示器上每一个物理的点，p指的是屏幕分辨率中的最小单位 3. ppi（像素 每
阅读全文
摘要：pixi.js实现人物序列帧动画，出现了无法滑动页面的情况，但是滑动动画区域外就可以。 解决方案：设置透明遮罩层
阅读全文
摘要：https://juejin.im/post/5b189712f265da6e235488c1
阅读全文
摘要：click事件改为touchstart. window.addEventListener( "touchstart", () => (this.showMenu = false), { passive: false });window.addEventListener("click", () =>
阅读全文
摘要：之前做过的项目中遇到的问题，被提了bug，才注意到这个问题😂。 百度结果都说是meta标签的问题： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scala
阅读全文
摘要：移动端web缩放有两种： 1.双击缩放； 2.双指手势缩放。 在iOS 10以前，iOS和Android都可以通过一行meta标签来禁止页面缩放 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user
阅读全文
摘要：法一： charles代理打开 手机电脑连接同一个局域网下 手机wifi手动设置代理（host改成电脑的本机IP,端口8888） 谷歌调试： 打开谷歌浏览器，chrome://inspect/#device https://juejin.cn/post/7076399416956944414 法二:
阅读全文
摘要：项目中有不少地方用到iframe，今儿把使用iframe遇到的一些问题一块儿总结一下。 1、javascript监听iframe加载完成事件 iframe加载过程需要一定时间，这个加载过程常常出现白屏，导致体验不好，所以需要加loading图提高体验，那么，loading要在什么时刻隐藏呢？这就需要
阅读全文
摘要：在某公司做了一次分享，主题是‘移动端和pc端开发的区别’。可以说，这总结的原版就是在这样的契机下完成的。因为我只是习惯了移动端就应该那么写（设置viewport等），要是让我给大家分条讲下所以然，还真有难度，毕竟自己还不理解，看了几十篇文章，捋了好久，思路也不那么乱了，总结了一下，完成ppt，跟大家
阅读全文
浙公网安备 33010602011771号