js计算屏幕的分辨率,来完成移动端的页面自适应
来源:互联网 发布:淘宝一个订单两个包裹 编辑:程序博客网 时间:2024/06/05 19:17
/**代码如下*其中的参数1080根据自己的实际情况进行修改,这里的1080代表设计页面的原始宽度,可以参考psd的标准宽度,这是后字体使用rem也有了标准,psd上的字号如:40点 对应css中的rem的换算方式为40/100=0.4rem。*/(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize =Math.floor(100*(clientWidth / 1080))+ 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false);})(document,window);
0 0
- js计算屏幕的分辨率,来完成移动端的页面自适应
- Android自适应不同分辨率的屏幕
- js 解决移动端自适应屏幕
- 页面自适应设备分辨率的一种方法
- 关于cocos2d-js自适应分辨率的预想。
- 使用Matrix进行图形变换来完成图片在屏幕上的全屏显示(屏幕自适应)
- 移动端屏幕自适应
- PopupWindow自适应不同大小的以及不同分辨率的屏幕
- 屏幕自适应分辨率与u3d的像素px单位使用
- 虚拟机自适应屏幕的分辨率(以xp为例)
- 移动端的自适应
- 游戏的自适应分辨率
- 用css3解决移动端页面自适应横屏竖屏的思考
- 总结(Jquery)前台的页面的分辨率自适应问题
- 移动端页面自适应
- 自适应移动设备页面的设计
- 自适应移动设备页面的设计
- Android:自适应不同分辨率的屏幕大小、方向和不同分辨率的字体大小
- 理解Java ClassLoader机制
- 黑马程序员-反射
- RecycleView使用小节
- 存储过程实现基本的增删查改
- 机器视觉开源代码集合
- js计算屏幕的分辨率,来完成移动端的页面自适应
- #学习笔记#(27)session和cookie
- Android Wear 进阶 1 Adding Wearable Features to Notifications 添加手表特性到通知上
- HA领域的“脑裂”
- CentOS7下安装配置vncserver
- POJ 3278 广度搜索 一个终点
- qt不能调试
- 短信验证码验证(使用Mob SDK)
- Shadow Map & Shadow Volume