javascript screen对象获取屏幕宽高如alert(screenheight)
availHeight 属性 -- 窗口可以使用的屏幕高度，单位像素
availWidth 属性 -- 窗口可以使用的屏幕宽度，单位像素
colorDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)
pixelDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持)
height 属性 -- 屏幕的高度，单位像素
width 属性 -- 屏幕的宽度，单位像素
div设置定位,宽度高度设为屏幕一般半即可，至于居中的话可以绝对定位。
Js获取高度：
网页可见区域高：documentbodyclientHeight
网页可见区域高：documentbodyoffsetHeight (包括边线的宽)
网页正文全文高：documentbodyscrollHeight
网页被卷去的高：documentbodyscrollTop
屏幕分辨率的高：windowscreenheight
屏幕可用工作区高度：windowscreenavailHeight
PHP是无法获取屏幕的高度和宽度的，你可以用JS来获取
Javascript:
网页可见区域宽： documentbodyclientWidth
网页可见区域高：
documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth
(包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽：
documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高：
documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上：
windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高：
windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度：
windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
JQuery:
$(document)ready(function(){alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的宽度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})
function wHeight(){
var _sh=Mathmax(documentbodyscrollHeight,documentdocumentElementscrollHeight);
var _ch=Mathmax(documentbodyclientHeight,documentdocumentElementclientHeight);
return Mathmax(_sh,_ch);
}
我一般用这个函数
html 最好加上<!doctype html>
height()
-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。
-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。
-这个方法同样能计算出window和document的高度。
$(window)height(); // returns height of browser viewport
$(document)height(); // returns height of HTML document
注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。
innerHeight()
-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。
-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。
-这个方法不适用于window and document对象，可以使用height()代替。
outerHeight()
-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。
-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。
-这个方法不适用于window 和 document对象，可以使用height()代替。
>
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕分辨率的高： windowscreenheight
屏幕分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
` font-family: PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif,Droid Sans Fallback;
<meta name="viewport" content="width=device-width, initial-scale=10, maximum-scale=10, user-scalable=0">
<body onselectstart="return false">
white-space: pre-wrap;
-webkit-tap-highlight-color: transparent;
注意到“pre-wrap”属性值：保留空白符序列，但是正常地进行换行。
white-space:pre-wrap;
filter: brightness(100); 变白
第二行变第一行不变
body{}
小程序上fixed成功过
一般这种都让ios或者安卓端禁止掉，然后在有d性需求的页面添加样式
overflow-y: scroll;
-webkit-overflow-scrolling : touch;
即可
-webkit-overflow-scrolling: touch;
//小程序 h5 交互
touches: 当前屏幕上所有触摸点的列表;
targetTouches: 当前对象上所有触摸点的列表;
changedTouches: 涉及当前(引发)事件的触摸点的列表
通过一个例子来区分一下触摸事件中的这三个属性：
1 用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。
2 用第二个手指接触屏幕，此时，touches有两个元素，每个手指触摸点为一个值。当两个手指触摸相同元素时，targetTouches和touches的值相同，否则targetTouches 只有一个值。changedTouches此时只有一个值，
为第二个手指的触摸点，因为第二个手指是引发事件的原因
3 用两个手指同时接触屏幕，此时changedTouches有两个值，每一个手指的触摸点都有一个值
4 手指滑动时，三个值都会发生变化
5 一个手指离开屏幕，touches和targetTouches中对应的元素会同时移除，而changedTouches仍然会存在元素。
6 手指都离开屏幕之后，touches和targetTouches中将不会再有值，changedTouches还会有一个值，
此值为最后一个离开屏幕的手指的接触点。
3touchmove事件对象的获取
想要在touchmove:function(e,参数一)加一个参数，结果直接使用epreventDefault()就会 e 报错，处理方法为使用arguments[0]获取event参数
touchmove:function(e,参数一){
var e=arguments[0]
epreventDefault()
}
webpack-config dev-server 添加 disableHostCheck: true,
html的font-size还没设置的时候展示的样式是错误的
以上就是关于js怎么让body高度自适应手机屏幕全部的内容，包括:js怎么让body高度自适应手机屏幕、css获取整个页面高度、PHP怎么获取屏幕的宽度与高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）