在页面rem布局中用到的js代码
2024-09-04 10:21:53
在你的页面加入以下代码,就初步搞定了
function fontSize() {
var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
var _html = document.getElementsByTagName('html')[0];
view_width > 768 ? _html.style.fontSize = 100 * 768 / 375 + 'px' : _html.style.fontSize = view_width * 100 / 375 + 'px';
}
fontSize();
window.onresize = function() {
fontSize();
}
让一个页面充满屏幕,加入以下代码
var htmlHeigt=window.innerHeight;
var rebate_home=document.getElementsByClassName('rebate_home')[0].clientHeight;
this.offset={
height:(htmlHeigt-rebate_home)+'px',
background:'#eff0f4'
}
this.offset=htmlHeigt>rebate_home?{
height:htmlHeigt+'px'
}:{
height:rebate_home+'px'
}
最新文章
- ArcGIS 10.0紧凑型切片读写方法
- 进击的docker 二 : docker 快速入门
- hosts代理
- 夺命雷公狗ThinkPHP项目之----企业网站15之文章删除的完成(单个)
- Cocos2d-x 2.x项目创建
- Asp.net 同时下载多个文件
- 段的创建表user_segments
- [置顶] Android4.x对长按电源键(挂断键)和短按电源键(挂断键)的详细处理流程
- Emacs经常使用快捷键的注意事项
- 关于knob.js进度插件的使用
- svn回滚
- 连连看的原生JS实现
- CSS布局(五) 网页布局方式
- SQLServer之创建隐式事务
- 欲善其工必先利其器-----ThinkPad E430加装SSD固态硬盘和内存
- Win10,Office2013出现“您的组织策略阻止我们为您完成此操作”怎么解决?
- centos7 查看防火墙状态
- java udp 广播
- git仓库搬家
- Linux下Google Test (GTest)测试环境搭建步骤