js怎么让body高度自适应手机屏幕

js怎么让body高度自适应手机屏幕,第1张

javascript screen对象获取屏幕宽高如alert(screenheight)

availHeight 属性 -- 窗口可以使用的屏幕高度,单位像素

availWidth 属性 -- 窗口可以使用的屏幕宽度,单位像素

colorDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)

pixelDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持)

height 属性 -- 屏幕的高度,单位像素

width 属性 -- 屏幕的宽度,单位像素

div设置定位,宽度高度设为屏幕一般半即可,至于居中的话可以绝对定位。

因为微信页面启动后会显示工具栏。占用部分高度。

$(document)on('WeixinJSBridgeReady', function () {

windowWeixinJSBridgecall('hideToolbar');//调用这句会隐藏工具栏。但是这个方法也需要时间。因此你最好延迟几十毫秒,再去获取以下高度。这时候应该才是最终的。

});

网页可见区域宽: documentbodyclientWidth

网页可见区域高: documentbodyclientHeight

网页可见区域宽: documentbodyoffsetWidth (包括边线的宽)

网页可见区域高: documentbodyoffsetHeight (包括边线的高)

网页正文全文宽: documentbodyscrollWidth

网页正文全文高: documentbodyscrollHeight

网页被卷去的高: documentbodyscrollTop

网页被卷去的左: documentbodyscrollLeft

网页正文部分上: windowscreenTop

网页正文部分左: windowscreenLeft

屏幕分辨率的高: windowscreenheight

屏幕分辨率的宽: windowscreenwidth

屏幕可用工作区高度: windowscreenavailHeight

屏幕可用工作区宽度: windowscreenavailWidth

--------------这种问题网上一搜一大把,关键是要理解其中JS获取的原理----------

以上就是关于js怎么让body高度自适应手机屏幕全部的内容,包括:js怎么让body高度自适应手机屏幕、在iPhone微信网页用JS第一次获取高度是960刷新之后是823、如何通过JS获取指定页面的高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9544048.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存