手机REM使用代码
来源:互联网 发布:自考师范本科 知乎 编辑:程序博客网 时间:2024/05/17 23:55
在手机端使用rem单位时,需要根据不同的屏幕大小来设置html 字体大小,通过以下代码来实现
(function (){ var _self = this; _self.width = 720;//设置默认最大宽度 _self.fontSize = 100;//默认字体大小 _self.widthProportion = function(){ var p = (document.body&&document.body.clientWidth|| document.getElementsByTagName("html")[0].offsetWidth)/_self.width; return p>1?1:p<0.3?0.3:p; }; _self.changePage = function(){ document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+_self.widthProportion()*_self.fontSize+"px !important"); } _self.changePage(); window.addEventListener("resize",function(){_self.changePage();},false);})();
阅读全文
0 0
- 手机REM使用代码
- 手机端自适应(rem使用)
- 手机端 rem 的使用
- rem的用法(手机端代码)
- rem使用的js代码
- 使用rem等比例缩放手机界面
- 手机app响应式开发rem的使用及配置
- rem使用
- 手机适配---REM
- 手机适配rem
- 手机端适配-rem布局
- 手机端适配 rem布局
- 手机页面的rem
- 在手机端使用rem。字体自适应。手机端的列表一排两个
- 手机端页面需要用rem设置字体大小的js代码
- 手机端自动判断 rem
- 自适应手机端rem布局
- 手机端rem布局详解
- 关于webpack项目资源加载优化的几个实践(以react举例)
- tomcat启动不了?
- thinkphp5.0+js 手机下拉加载更多
- 2.Add Two Number
- Unity的学习过程
- 手机REM使用代码
- AOP 面向切面编程
- Java中带有T Z格式(UTC是世界标准时间)的时间转换为date,string,long类型
- 新的开始
- 命令模式(Command)-----基于JAVA语言
- ContextLoader获取bean实例
- 程序人生
- 在VS2015中用C++创建DLL并用C#调用且同时实现对DLL的调试
- Android侧滑-DrawerLayout