分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

在页面rem布局中用到的js代码

发布时间:2023-09-06 01:47责任编辑:白小东关键词:js

在你的页面加入以下代码,就初步搞定了

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‘}

  

在页面rem布局中用到的js代码

原文地址:https://www.cnblogs.com/yiyi17/p/8707646.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved