rem js 自适应布局
2024-09-25 00:18:50
(function(doc, win) {
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',//orientationchange屏幕是否旋转
recalc = function() {
var whdef = 120 / 1920; // 表示1920的设计图,使用100PX的默认值
var wH = window.innerHeight; // 当前窗口的高度
var wW = window.innerWidth; // 当前窗口的宽度
var rem = wW * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
$('html').css('font-size', rem + "px");
};
recalc();
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false); //监听事件窗口变化的事件
doc.addEventListener('DOMContentLoaded', recalc, false); //初始化完成
})(document, window)
最新文章
- html5 请求的URL转成 OC可用属性字符串显示
- win10突然不能使用usb大容量存储设备(移动硬盘)的解决方法
- C# Acrobat打开pdf出错,提示Acrobat.AcroPDDocClass不能强制转换为Acrobat.CAcroPDDoc,使用com组件{9B4CD3E7-4981-101B-9CA8-9240CE2738AE},HRESULT: 0x80004002
- 总结的一些PHP开发中的tips
- EF Code First教程-02 约定配置
- Inno Setup 在安装程序开始前和卸载程序开始前,检查并关闭运行的进程
- Python-Day3 Python基础进阶之集和/文件读写/函数
- 学习使用Markdown标记语言
- 慕课python3.5学习笔记
- C语言解析日志,存储数据到伯克利DB 2
- bash: pip: command not found... 解决方法
- selenium中的上传文件
- 【linux基础】ubuntu系统NVIDIA驱动安装
- 谷歌地图,国内使用Google Maps JavaScript API,国外业务
- [国家集训队]Crash的数字表格
- netstat -s TCP连接失败 相关统计 解释
- HTML5本地存储之Web Storage实例篇,最有用的是localStorage
- spring中set注入的一些小细节错误
- iOS - ShareSDK第三方分享(图文和视频)和登录
- poj2524(简单并查集)