qq_41913971的博客

js rem单位适配<script type="text/javascript"> // 设备区分 （安卓、火狐、平板、PC） var os = function() { var ua = navigator.userAgent, isAndroid = /(?:Android)/.test(ua), isFireFox = /(?:Firefox)/.test(ua), isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAn

web移动端最强适配（亲测有效）视口(viewport)适配rem单位适配flexible方案长屏短屏布局适配ios安全区域(Safe Area)适配横竖屏适配CSS Media Querieswindow.orientation软键盘的弹出-影响横竖屏判断的情况游戏接入h5页面强制竖屏时遇到的问题横竖屏旋转canvas需要重新绘制常见问题1px问题图片模糊问题全屏背景参考文档视口(viewport)适配meta元素 元数据信息。 告诉浏览器如何解析页面。借助meta元素的viewport来帮助我们设

HTML中各种 div 位置距离关系一. 盒模型图片展示：二. 位置距离计算属性三. 经典例子一. 盒模型图片展示：二. 位置距离计算属性offsetWidth, offsetHeight获取盒子的宽度/高度（包括盒子的border，padding和内容width/height）,不包括外边距offsetLeft获取盒子当前位置(左上角)距离自己最近定位的父元素左侧的距离，如果没有最近的定位的父元素，则相当于HTMLoffsetTop获取盒子当前位置距离自己最近定位的父元素顶部