我不确定我应该如何使用 Javascript 或 jQuery 库来获取浏览器高度，然后将其传递给一个变量以在我的外部 CSS 文件中使用？
问问题
397 次
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 回答