JS 获取屏幕页面的高度，根据设置容器高度来展示页面

最近公司有需求说客户的屏幕分辨率很大，导致页面显示高度老缺失下面一大截。对这个问题就行一个问题的解决。

屏幕信息：

screen.height // 屏幕的高度
screen.width // 屏幕宽度
screen.availHeight // 屏幕可用高度：即屏幕高度减去上下任务栏后的高度，可表示为软件最大化时的高度

解决方案如下：

案例代码如下：

<div class="register_b" id="LeftBox"><div class="contact-top"><fieldset class="layui-elem-field layui-field-title"><legend>联系我们</legend><div class="layui-field-box"><div></div></div></fieldset><label class="layui-form-label title">地址：</label><label class="text"></label><br /><label class="layui-form-label title">业务支持电话：</label><label class="text">xxxxx</label><br /><label class="layui-form-label title">技术客服电话：</label><label class="text">xxxxx</label></div>
</div>
<script>// 获取屏幕分辨率的高var div_height = window.screen.availHeight;var height = div_height - 360;$("#LeftBox").height(height);
</script>

问题的解决很简单就是获取当前屏幕的高度，减去头部和脚部加起来的高度而已（360就是头部加脚部的高度）。以上就是问题的解决方案，如有侵权请联系本人删除

JS 获取屏幕页面的高度，根据设置容器高度来展示页面相关推荐

JS 获取浏览器、显示器窗体等宽度和高度
转载自 JS 获取浏览器.显示器窗体等宽度和高度网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见 ...
php如何让图片铺满屏幕,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
php自动适应屏幕大小,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
关于使用“JS获取屏幕，浏览器，网页高度宽度”的个人思考
在js开发中免不了获取屏幕或文档的宽度高度问题.今天在搜索引擎中搜索时,看到最多的就是这篇文章这张图片已经被转载了很多了,我想说的是,在转载之前能否先思考下,是否完全懂了,而不是囫囵吞枣(虽然我也记 ...
js获取屏幕尺寸、clientWidth、offsetWidth、scrollWidth等区别
js获取元素/屏幕宽高总结如下 1.获取网页可视区域宽高(随着页面的缩放,所获取的值会相应改变) 方法一.不包括滚动条的宽高在内 document.documentElement.clientWid ...
android 获取webView高度，设置webView高度
1.注入获取webView高度的js方法 webView.setWebViewClient(new WebViewClient() {@Overridepublic boolean shouldOve ...
js获取屏幕、浏览器、页面的宽度和高度
介绍容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同) 屏幕信息 screen.height:屏幕高度 screen.availHeight:屏幕可用宽度 screen.height ...
JS获取屏幕，浏览器，网页高度宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
JS获取屏幕浏览器网页高度和宽度属性
1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.off ...

JS 获取屏幕页面的高度，根据设置容器高度来展示页面

屏幕信息：

解决方案如下：

案例代码如下：

JS 获取屏幕页面的高度，根据设置容器高度来展示页面相关推荐

最新文章

热门文章