摘要: JavaScript检测横屏 window.addEventListener("resize",()=>{ if(window.orientation 180||window.orientation 0) { // 正常方向或屏幕旋转180度 console.log('竖屏'); }; if(win 阅读全文
posted @ 2019-05-20 14:33 carrieLee 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 安全区域 安全区域是一个不受 圆角( corners)、刘海( sensor housing)和小黑条( HomeIndicator)的可视窗口范围 为了保证页面的显示效果,我们必须把页面限制在安全范围内,但是不影响整体效果 viewport-fit viewport-fit是专门为了适配 iPho 阅读全文
posted @ 2019-05-20 14:25 carrieLee 阅读(184) 评论(0) 推荐(0) 编辑
摘要: flexible方案(阿里早期开源的一个移动端适配解决方案,引用 flexible后,在页面上统一使用 rem来布局) 核心代码: function setRemUnit () { var rem = docEl.clientWidth / 10 docEl.style.fontSize = rem 阅读全文
posted @ 2019-05-20 14:14 carrieLee 阅读(556) 评论(0) 推荐(0) 编辑