摘要：场景 最近在IOS上遇到一个问题，当滑动到底部显示相应内容时，点击input框后内容被弹出键盘遮挡 预期效果如下图 解决方法 使用activeElement属性，该属性返回文档中当前获得焦点的元素 上面代码把返回文档中当前获得焦点的元素赋值给变量 currentFocusEle， 然后判断该焦点元素 阅读全文

摘要：问题描述： 下图红色框区域内容在华为mate10 pro（以下简称mate10）内置浏览器中整体向左偏移，没有居中，其它手机浏览器都无该问题，如下图 问题分析 经过一番追根溯源，我发现是 box-sizing: border-box;属性影响到了，该属性是让元素使用css盒子模型的怪异模式， 简单来 阅读全文

摘要：前言 最近在项目中遇到一个问题，注册登录界面点击获取验证码，手机收到短信验证码后可以复制成功，但无法粘贴 让人郁闷的是在其它上手机上的（比如小米，苹果）默认浏览器和其它手机浏览器（比如QQ，夸克，搜狗，猎豹，傲游等）并不会出现该问题 只有华为mate10 pro自带浏览器才有该问题，这让我百思不得其 阅读全文

摘要：如下移动端索引列表页面（点击某元素后弹出的页面） 我想用 $(window).scrollTop(); 获取页面滚动后距离顶部的距离，但获取到的值总是0 期间查了很久，但都无疾而终，后来看到一篇博客说是浮动影响了，抱着试一试的心态去清除浮动，然而并卵 此时，我灵光一闪，难道是定位影响了？（这个弹出页 阅读全文

摘要：前言 首先你要知道 vw 和 rem 是什么？怎么使用？ ①：简单来说 vw 是视口单位，相当于把视口等分成了100，1vw = 1; ②：rem是相对单位，设置根元素 html 的 font-size，比如给 html 设置字体大小为100px，1rem = 100px; 注：我之前针对 vw 和 阅读全文

摘要：先来看一张截图 红色框处就是用手机浏览器打开页面时，自动显示出来的头部地址栏和底部工具栏 如果现在有一个需求，用手机浏览器打开页面时，把地址栏和工具栏隐藏，该怎么办呢？ 起初我在度娘找到了好几篇博客都推荐如下方法 <meta name="viewport" content="minimal-ui"> 阅读全文

摘要：场景：IOS用微信点击input框弹出输入法后 不管你是输入信息，还是不输入直接点完成关闭输入法，都会导致页面被挤上去后产生留白，从而改变页面布局 解决方法： 给input添加blur（失去焦点）事件，让页面强制回滚，距离为0，代码如下 $("input").blur(function(){ doc 阅读全文

摘要：最近发现 input和textarea 在ios的safari浏览器里显示时，会默认有内阴影，如下图 解决方法： input,textarea { -webkit-appearance: none; } -webkit-appearance: none; 兼容性： 有需要的朋友可以领取支付宝到店红包 阅读全文

摘要：移动端点击事件300ms延迟的问题由来已久，如下截图 下面截图来自原文：https://www.jianshu.com/p/6e2b68a93c88 网上关于300ms延迟问题的解决方法，大致分为 3 种 ①：使用 meta viewport 属性禁用缩放，并让视口宽度等于设备宽度 <meta na 阅读全文

摘要：用过mui的小伙伴们一定不会陌生，有时候真的很烦mui本身会阻止a标签默认跳转。一般只要用了mui的ui组件，比如头部，底部或者弹框，你就不能在用a标签进行跳转了。 注：项目中引用了mui后，可能也会遇到，html代码中未引用mui的组件代码段，但依然会导致a标签默认跳转失效的问题（mui一般用于移 阅读全文

摘要：最近在项目里突然看到了一行css代码，height:100vh; 一时间有点蒙蔽 因为之前有听过这个css3新增单位，但没有去了解过。 那这个单位又跟px，rem，em，%有什么不同呢？ 简述： px： 相对长度单位，固定像素 rem： 相对长度单位，表示根元素（即html元素）通过设置html的f 阅读全文

摘要：在我开始写移动端页面至今，一直有2个疑问困扰着我，我只知道结果但不知道为什么 问题1：为什么设计师给的设计稿总是640px或750px（现在一般以Phone6为基准，给的750px） 问题2：为什么我们拿到640px和750px的设计稿，在编码的时候都要除以2, （比如设计稿上有一个图标宽高是40* 阅读全文

摘要：常见移动web适配方案一般有3种方法，如下图： ①：定高，宽度百分比（一般用来做一些适配性不高的页面，比如主要以一些文字和图片为主的网页或移动端的头部和底部） ②：flex （更多的用于复杂页面的布局。具体参照阮一峰大神写的-Flex 布局教程：语法篇和实例篇 http://www.ruanyife 阅读全文

摘要：最近在做微信项目的时候遇到一个奇怪的问题： 常购清单的商品多了以后往上滑没有任何反应，不能滑动。但商城首页又可以往上滑。而且ios没有这个问题，安卓才有这个问题。 起初我以为是因为这2个页面调用接口循环加载出商品的方法不同导致的。商城首页的商品部分是用laytpl模板写的；常购清单商品部分是拼的字符 阅读全文

摘要：我写移动端的页面会用到MUI这个框架，个人觉得挺好用的，有很多实用的UI组件。当然坑还是有的，http://dev.dcloud.net.cn/mui/ui/ MUI官网，有兴趣的小伙伴可以看看 虽然MUI也有自带的日历控件，但后台同事反映和后台数据交互起来比较麻烦，然后我就想到了用H5 input 阅读全文

摘要：问题描述： 这个问题是一个同事在写手机页面用UC浏览器测试以后遇到的,其他浏览器静态页面显示正常，唯独UC浏览器不显示页面样式。 我测试过代码是没有问题的，因为临时没有找到安卓手机，就猜想PC端的应该跟手机端会有同样的问题，毕竟是同样的内核嘛。 然而PC上用UC浏览器看或者自带的手机模拟器都没有任何 阅读全文