DreamFJ的博客

body 的橡皮筋效果触发，会导致内部元素无法滚动，解决方法很简单。高版本 ios 只需对 body 这是 height:100%; overflow:hidden; 即可。而低版本浏览器，则需要阻止body的默认行为event.preventDefault()但是执行时机是关键，否则整个窗口都将无法滚动，根据实际情况，上代码：注意：{passive:false} 一定要加，否则不生效。const ios = !!navigator.userAgent.match(/\(i[^...

转自：https://blog.youkuaiyun.com/wangyile4399/article/details/102564106

转自：https://www.cnblogs.com/Lmey/p/12218444.html

转自：https://blog.youkuaiyun.com/qq_37672347/article/details/103369642

转自：https://blog.youkuaiyun.com/qq814374557/article/details/78675845

转自：https://www.jianshu.com/p/0cc4e91ee05c方案四亲测有效

图片兼容移动端和pc端参考：https://www.cnblogs.com/flicat/p/4381089.htmlhttps://blog.youkuaiyun.com/qq_20087231/article/details/83796530

先转！深入研究-webkit-overflow-scrolling:touch及ios滚动

滑动时候警告：Unable to preventDefault inside passive event listenerUnable to preventDefault inside passive event listener

移动端touch事件和click事件的区别

问题描述：为了适配各种移动端设备，动态设置了viewport缩放，然后动态设置html的font-size大小，用rem布局。但是在谷歌浏览器中查看的时候出现了问题1.这个没问题，font-size设置的.28rem，所以换算成px应该是.28*100=28px；OK，没毛病，但是下面那行字就很大了。。2.同样是设置.26rem字体大小，按理说应该是26px，但是浏览器里显示的是37p...

rem基准值的计算 基准值即html的font-size，可以根据视窗宽度来计算 rem数值计算与构建rem数值=想设置的px值/基准值rem与scss结合使用安装node-sass，在.scss文件中通过函数来计算 eg @function px2rem($px){ $rem: 37.5px; /*iPhone6基准值*/ @return ($px...

常见适配方法PC端 最外层容器定宽居中（960px/1000px居中） 盒子模型，定高，定宽 display: inline-block 移动web 定高，宽度百分比 flex media query（媒体查询） Media Query（媒体查询）@media 媒体类型 and (媒体特性){ /*css样式*/}媒体类型 screen ...