随笔分类 -  移动端手记

判断拖放
摘要：思路，获取盒子总宽高， 再获取obj1 & obj2 上下左右距离 最后判断obj2是否在obj1里面 是返回true 不是返回false 阅读全文
posted @ 2019-03-14 11:30 阿|明 阅读(93) 评论(0) 推荐(0)
媒体查询 和rem布局
摘要：@media screen and (min-width: 320px) {html{font-size: 45.66px;}} @media screen and (min-width: 360px) {html{font-size:48px;}} @media screen and (min-width: 375px) {html{font-size:50px;}} @media scree... 阅读全文
posted @ 2019-02-21 17:14 阿|明 阅读(1340) 评论(0) 推荐(0)
//判断安卓 和ios
摘要：//判断安卓 和ios (function(){ var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.... 阅读全文
posted @ 2019-01-28 12:05 阿|明 阅读(196) 评论(0) 推荐(0)
不同屏幕适配
摘要：响应式布局可以用 min-width:370px; 屏幕宽度 > 370 以上执行 @media 中的样式 @media screen and (min-width:370px){ 填写代码 } max-width:370px; 屏幕宽度 < 370 以下执行 @media 中的样式 @media 阅读全文
posted @ 2019-01-25 11:23 阿|明 阅读(126) 评论(0) 推荐(0)
在iOS设备下，h5的input框失焦后页面被顶起来一部分bug 用css解决办法
摘要：body,html{-webkit-overflow-scrolling:touch;} //针对ios设备 虚拟键盘上顶 留白问题 可用css样式解决 阅读全文
posted @ 2019-01-24 15:59 阿|明 阅读(1288) 评论(0) 推荐(0)