JS限制手机端样式代码
来源:互联网 发布:dnf突然会网络冲突 编辑:程序博客网 时间:2024/06/14 04:53
<script>/** * YDUI 可伸缩布局方案 * rem计算方式:设计图尺寸px / 100 = 实际rem 例: 100px = 1rem */!function (window) { /* 设计图文档宽度 */ var docWidth = 640; var doc = window.document, docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'; var recalc = (function refreshRem () { var clientWidth = docEl.getBoundingClientRect().width; /* 8.55:小于320px不再缩小,11.2:大于420px不再放大 */ docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / docWidth), 11.2), 8.55) * 5 + 'px'; return refreshRem; })(); /* 添加倍屏标识,安卓为1 */ docEl.setAttribute('data-dpr', window.navigator.appVersion.match(/iphone/gi) ? window.devicePixelRatio : 1); if (/iP(hone|od|ad)/.test(window.navigator.userAgent)) { /* 添加IOS标识 */ doc.documentElement.classList.add('ios'); /* IOS8以上给html添加hairline样式,以便特殊处理 */ if (parseInt(window.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1], 10) >= 8) doc.documentElement.classList.add('hairline'); } if (!doc.addEventListener) return; window.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false);}(window);</script>
阅读全文
0 0
- JS限制手机端样式代码
- 手机端兼容代码js
- js手机端和pc端加载不同的样式
- 判断手机端登录的js代码
- 适配手机端屏幕js代码
- js代码对日期限制
- [JS代码]日历样式JS代码
- 手机端清除样式
- js css样式操作代码
- JS控制样式的代码
- 随机选取样式代码js
- 判断手机访问js代码
- 手机端样式初始化css
- js判断pc端还是手机端访问代码
- JS判断手机端和电脑端调转代码
- 手机端输入框过滤表情JS代码
- js手机端下拉刷新代码(无需插件)
- HTML+CSS PC端 手机端 公用部分样式代码整理
- NAT连接的虚拟机提供web服务,如何让HOST同一局域网机器访问
- Android之ListView的简单优化两步走
- JavaScript DOM
- python tensorflow学习笔记(一)Hello World
- 三角网格表面高斯曲率的计算与可视化
- JS限制手机端样式代码
- JavaWeb(五)Filter过滤器
- error: undefined reference to `_imp__glShadeModel@4
- ios 通过时间戳,以天数分组
- Read DS18B20 Temperature via Mapping Memory Method in Linux
- Tomcat源码解析(10)
- EditText内容的动态监听方法
- 火狐浏览器httpRequest插件
- 区块链3.0(三): 去中心化的域名系统Namecoin