使用$（窗口）.height（）

Question

屏幕视口使用$(window).height()我计算我的视口的大小，它返回339 现在我想把我的屏幕分成三部分。上，中，下。我想知道如何知道返回的屏幕高度是如何计算的。

我想知道总数（339）中有多少个px会覆盖顶部的20％，中间的60％ 20％的底部。我如何计算这个？任何人都可以帮助我吗？另外，我的方法是对的吗？

Answer 1

数学是非常简单的：

（winH = 339）

0.6 * winH = middleH（203.4）
0.2 * winH =至pH，两者（67.8）

但是嘿！为什么你需要jQuery？

html, body{height:100%; margin:0;} 
 

 
#top, 
 
#bot{ 
 
    height:20vh; 
 
    background:#0bf; 
 
} 
 
#mid{ 
 
    height:60vh; 
 
    background:#f0b; 
 
}

<div id="top"> top </div> 
 
<div id="mid"> mid </div> 
 
<div id="bot"> bot </div>