欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

pc端使用rem布局

程序员文章站 2023-12-28 21:44:22
...
$(window).resize(function (){// 绑定到窗口缩放的事件
    init();
});
//页面刚刷新时调用
init()
function  init() {
    var whdef = 100 / 1920;
    var wH = window.innerHeight;// 当前窗口的高度
    var wW = window.innerWidth;// 当前窗口的宽度
    var rem = wW * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
    $('html').css('font-size', rem + "px");
}  
@media (max-width: 768px) {
    写要变化的部分
}复制代码

上一篇:

下一篇: