在css中使用java腳本獲取屏幕高度和寬度

-1

我想要檢索屏幕的寬度和高度，以便我可以設置一個除法（在這裏給出的正文）精確的屏幕高度，而不考慮不同的屏幕，所以這是正確的代碼爲在腳本中使用CSS？如果沒有，請幫助我：在css中使用java腳本獲取屏幕高度和寬度

HTML FILE : 

<html> 
    head> 
    <link rel="stylesheet" type="text/css" href="helocss.css"> 


    </head> 
    <body bgcolor="orange"> 


    </body> 
    </html>

這裏是CSS文件CSS文件：

body{ 
    <script type="text/javascript"> 
    var w=screen.availWidth; 
    var h=screen.availHeight; 
    width: w; 
    height: h; 
    </script> 


    }

來源

2015-08-15 kashyap k bandi

您不能在CSS文件中有js，並且無法獲得確切的寬度/高度值。但是CSS中有幾個選項可以幫助，使用vh/vw單元，媒體查詢，calc操作，這一切都取決於你想要對值做什麼。如果您只是想將主體設置爲視口的100％，則可以使用'width：100vw;高度：100vh;'，vw/vh是視圖大小的百分比單位 –

第一你無法使用JavaScript中的CSS 應該在我使用jQuery來做到了這一點

<html> 
 
    <head> 
 
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"> </script> 
 
    <script> 
 
     var width = $(window).width(); 
 
     var height = $(window).height(); 
 
     
 
     $("body").width(width).height(height); 
 
     
 
    </script> 
 

 

 
    </head> 
 
    <body bgcolor="orange"> 
 

 

 
    </body> 
 
    </html>

來源

2015-08-15 15:34:24

我們是否可以使用相同的方法來查找高度和寬度分割？ @帕特里克埃文斯 –

你的意思是div標籤？ –

如果是，你可以使用該方法設置或獲取任何元素的高度 –

在css中使用java腳本獲取屏幕高度和寬度

回答

相關問題