css文件中的浏览器高度答案

【问题标题】：Browser height in css filecss文件中的浏览器高度
【发布时间】：2012-06-02 07:16:00
【问题描述】：

我不确定我应该如何使用 Javascript 或 jQuery 库来获取浏览器高度，然后将其传递给一个变量以在我的外部 CSS 文件中使用？

【问题讨论】：

用 css 是不可能得到窗口的height() 的例子。绝对不会。您必须使用某种脚本语言。

标签： javascript jquery css browser height

【解决方案1】：

您可以使用$(document).height() 查找整个文档的高度。

您可以使用$(window).height() 来查找视口的高度

【讨论】：

【解决方案2】：

我不会使用 JavaScript，那么媒体查询呢？

media screen and (min-height:700px){
   /* Specific styles... */
}

【讨论】：

【解决方案3】：

没有办法动态地将任何东西传递给 CSS。相反，您应该设计您的 CSS 以响应不同的文档高度。

【讨论】：

【解决方案4】：

要动态获取客户端的高度和宽度，请使用javascript，然后动态设置对象的高度和宽度。您可以使用以下 javascript 示例来获取客户端的高度和宽度。这取决于您使用的浏览器。要获取客户端的高度和宽度，请尝试使用此 javascript：

var myWidth; var myHeight;

if(typeof(window.innerWidth) == 'number') {

//非IE

myWidth = window.innerWidth; myHeight = window.innerHeight;

} else if(document.documentElement &&

( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {

//IE 6+ 处于“标准兼容模式”

myWidth = document.documentElement.clientWidth;我的身高 = document.documentElement.clientHeight;

} else if( document.body && ( document.body.clientWidth || 文档.body.clientHeight ) ) {

//兼容IE 4

myWidth = document.body.clientWidth;我的身高 = 文档.body.clientHeight;

}

【讨论】：