1 2 3 | //9宫格布局 var prints=window.innerHeight-($( '.header' ).height()+40); //屏幕去掉(头部高度+头部padding) $( '.weui-grid' ).height(prints/4-40); //屏幕保留四排,让每个占剩下的4分之一(去掉上下padding)//内容居中,(一个格子的高度-内容高度)/2分给上下padding$('.weui-grid').css({'paddingTop':((prints/4)-50)/2,'paddingBottom':((prints/4)-50)/2}); |
1 | |
window.innerHeight适用在移动端
pc端:
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步