-1

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

4

4 回答 4

2

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

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

于 2012-05-27T17:26:06.847 回答
1

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

media screen and (min-height:700px){
   /* Specific styles... */
}
于 2012-05-27T17:27:14.820 回答
1

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

于 2012-05-27T17:27:38.240 回答
1

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

变量我的宽度；变量我的身高；

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

//非IE

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

} 否则如果（document.documentElement &&

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

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

myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight;

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

//IE 4兼容

myWidth = document.body.clientWidth; myHeight = document.body.clientHeight;

}

于 2012-05-27T17:36:21.197 回答