/setFlexible

手机端响应式

Primary LanguageJavaScript

setFlexible

手机端响应式 setFlexible 手机页面自适应解决方案主要采用rem 布局 首先获取设备的物理像素,计算设备的物理像素比,动态设置viewport; var drp = window.devicePixelRatio

DPR(DevicePixelRatio):设备像素比或称为屏幕转换系数,DPR=物理像素数/逻辑像素数,在浏览器中可通过window.devicePixelRatio属性获取屏幕的DPR。在过去的PC端开发中并没有DPR的概念。 利用html5data-*自定义属性,添加html的data-drp属性 document.documentElement.setAttribute('data-drp',drp);

Html 的fontSize = 浏览器窗口大小/10 + ‘px’; Iphon6 的浏览器窗口大小是750px,则fontSize等于75; Iphon6 的浏览器窗口大小是64px,则fontSize等于64;