bootstrap进度条监听,分辨率1920*1080情况下,html页面的resize监听及div是否会被拉长的问题

在之前的文章里,我们分享过了如何让html页面的rem和font=size随着页面大小的变化而变化

那么当我们给div赋值固定的rem时,如果html页面监听到resize的动作,此时的div的大小是不会变化的。

显然html页面的width,height属性是在变化的,那么当宽高的比例变小时,html页面下方理论上会出现无法铺满的空白块

$(window).resize(function () {rem = $(window).width() / 19.2;$('html').css('font-size', rem + "px");height = $(window).height() / rem;$("#all_screen").css("height", height + "rem");});复制代码

通过上面的函数,页面的宽会被定义为19.2rem,至于高度的话,就需要根据各自的浏览器不同而确定了。经过测试我的浏览器的高度为9.6rem,如果想要实现铺满浏览器的效果,就要计算好每一层div高度的height总和等于9.6rem。

那如何让页面永远被铺满呢?

解决办法:给页面中的某个div赋动态的rem值

$("#area_list").css("height",(height-2.56)+"rem");复制代码

那么页面将永远会被铺满

创新驱动我国治理疫情的优势辽宁2020年中级会计师报考条件已公布2020年辽宁中级会计师报名条件是什么光影之战电影光影之旅电影华安黄金靠谱吗支付宝三个黄金哪个好华安黄金易ETF518880基金经理潮汕火锅牛肉切制视频潮汕牛肉火锅清汤底料招生考试高考中北大学招聘信息网经历过最恐怖的一件事一件害怕的经历500楹联选登初中生青春期性心理健康课程干预效果分析电脑无法连接隐藏网络电脑无法链接隐藏wi网络第698章武道实力第四百六十章乾坤阵下一位传奇女性守护敦煌的传奇一生世界文化遗产保护与旅游开发研究