在css文件中的瀏覽器高度

-1

我不知道我應該如何去使用Javascript或jQuery庫來獲取瀏覽器高度，然後將其傳遞給我的外部CSS文件中使用的變量？在css文件中的瀏覽器高度

來源

2012-05-27 Matthew

利用CSS是不可能得到'高度（）'窗口例如。絕對不會。你必須使用一些腳本語言。 – Sajmon

您可以使用$(document).height()查找總文檔的高度。

您可以使用$(window).height()找到視

來源

2012-05-27 17:26:06 GrayB

我不會使用JavaScript的高度，如何對媒體的查詢？

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

來源

2012-05-27 17:27:14 Fluidbyte

沒有辦法動態地將任何東西傳遞給CSS。相反，您應該設計您的CSS以響應不同的文檔高度。

來源

2012-05-27 17:27:38

要獲取客戶端的高度和寬度，請動態使用javascript，然後動態設置對象的高度和寬度。您可以使用以下JavaScript示例來獲取客戶端的高度和寬度，因爲它取決於您使用的瀏覽器。獲取客戶端的高度和寬度嘗試此javascript：

var myWidth; var myHeight;

如果（typeof運算（window.innerWidth）== '編號'）{

//非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;

}否則如果（document.body的& &（document.body.clientWidth || document.body.clientHeight））{

// IE 4兼容

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

}

來源

2012-05-27 17:36:21 SKL

在css文件中的瀏覽器高度

回答

相關問題