js中屏幕的高度减去某个div的高度，js控制页面等比例缩小

js如何根据不同屏幕的大小,获得页面高度,自动调整列表高度

1、//js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法 document.documentElement.clientWidth；document.documentElement.clientHeight；此外，还可以使用元素的点击事件来获取元素高度等内容。

2、然后赋值给另外的div 假设div根据浏览器大小改变时跟着自适应改变。 那么js就写在浏览器视窗改变时，获取div的高度值，然后赋值给需要的div。

3、通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。

4、下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

5、要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后）：outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。

6、+ ；s += 你的屏幕设置 + window.screen.deviceXDPI + 像素/英寸+ ；s += window的页面可视部分实际高度(ff) +window.innerHeight+ ；alert (s)；} 看看能帮到你吗？按照上面是可以实现的。

相关问答

Q1: js如何让一个div的高度等于窗口的高度

1、要使元素的位置随着浏览器窗口的缩放大小比例变化，你可以使用 CSS 中的相对定位和百分比单位来实现。

2、第四个div设置高度为100% （如果样式需要设置高度撑满整个页面，那么最外层高度设置必须设置为100%），绝对定位到div-box中。以下是代码。

3、最简单的实现方式：仅提供一个思路。可以自己完善。

4、首先设置两个div，假设给出id分别为a和b，b始终为a的宽度的二分之一。

5、本篇文章给大家带来的内容是关于如何使用js把div高度设置为100%（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

6、div是块级元素，是独占一行的，设宽度不生效。

Q2: 如何用js实现鼠标移入div,div高度逐渐变高为某值,移出后高度逐渐缩短...

首先设置两个div，假设给出id分别为a和b，b始终为a的宽度的二分之一。

在开发的工程中使用到了一些开源的bootstrap模板进行开发，在遇到一些需要替换的内容部分部分时，经常出现高度设置100%无法生效的问题，这里来用js强行设置一下。

理论上有实现办法，可以试一下 hover时用amimation执行一次css方法@keyframes name。css name方法中用transform动画执行你想要效果。鼠标离开时用同样的逻辑执行另一个方法将样式再还原回去。

js中屏幕的高度减去某个div的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js控制页面等比例缩小、js中屏幕的高度减去某个div的高度的信息别忘了在本站进行查找喔。