问题 针对document.documentElement.scrollTop和document.body.scrollTop. 1、在IE Firefox Opera 现代浏览器的标准模式下，使用document.documentElem…
常见移动端兼容性问题
1.IOS移动端click事件300ms的延迟相应 移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。 这是由于区分单机事件和双击屏幕缩放的历史原因造成的。 解决方式： fastclick可以解决在手机上点击…
vue-cli引入vConsole调试移动端
1.npm安装到devDependencies npm install vconsole --save-dev 2.项目中公共js库或者js文件位置新建vconsole.js文件，填入如下内容 import Vconsole from 'v…
移动端开发基础知识
meta头设置 <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=.5,minimum-scale=.5,maximum-…
手机版浏览器禁止滚动条与释放实例
写页面事件的时候，有的时候需要用event.preventDefault取消原有的事件后进行重写，这个大家应该都知道。 那么怎么在取消默认事件后再恢复呢。 解绑我们自定义的事件就好了。 以Jquery为例 我们用 $('body').on(…
ios10中禁止用户缩放页面
在ios的safari浏览器中测试网站user-scalable=0;禁止页面缩放失效，具体如下 在ios10前我们能通过设置meta来禁止用户缩放页面： <meta content="width=device-width, init…
移动端页面使用rem来做适配
rem介绍 rem（font size of the root element）是指相对于根元素（即html元素）的字体大小的单位。 假设根元素的字体大小是10px, 则5rem的大小为 5*10=50px,例如 html{ font-si…
判断当前设备是否为移动端
function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i)…