topnuomi
/
zxf
mirror of https://gitee.com/topnuomi/zxf
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

新增rem换算方法

This commit is contained in:
TOP糯米 2023-10-11 19:46:21 +08:00
parent a144ecaa35
commit 3f0472517d
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
js/main.js
View File

@ -33,6 +33,22 @@ function hideMenu() {
} }
$(function () { $(function () {
function setRem() {
var whdef = 100 / 1920;// 表示1920的设计图,使用100PX的默认值 1rem = 100px
var wH = window.innerHeight;// 当前窗口的高度
var wW = window.innerWidth;// 当前窗口的宽度
var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
$('html').css('font-size', rem + "px");
$(window).resize(function () {
var whdef = 100 / 1920;// 表示1920的设计图,使用100PX的默认值
var wH = window.innerHeight;// 当前窗口的高度
var wW = window.innerWidth;// 当前窗口的宽度
var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
$('html').css('font-size', rem + "px");
});
}
setRem();
$('.header .menu-group').load('../common/header.html'); $('.header .menu-group').load('../common/header.html');
$('.footer').load('../common/footer.html'); $('.footer').load('../common/footer.html');
$(window).scroll(function () { $(window).scroll(function () {