2017-01-22 91 views
1

我想讓我的客戶端的瀏覽器高度並將其放入我的CSS。使瀏覽器窗口的元素高度爲

這裏是我的主HTML:

<div class="picture" id="picture1"> 
    <div class="parallax"><img src="assets/img/header-wrap-bg.jpg"></div> 
</div> 

圖片類結構:

.picture { 
    height: /*(Here i wanna place browser height)*/; 
} 

,這是我的事件:

<body onresize="HeaderResize()"> 

我怎樣才能做到這一點?

+1

'高度:100vh'? – haim770

+0

yeap :) thanx ... @ haim770 –

回答

1

可以使用vh viewport-height units

.picture { 
    height: 100vh; 
} 

在這裏,他們都是:

  • vw:1/100的視口寬度
  • vh:1/100的視口高度
  • vmin:1/100的最小邊
  • vmax:1/100的最大側

請注意,這不是技術上瀏覽器的高度,相反,它是視口的高度:

視口用戶的網頁可見區域。視窗因設備而異,在手機上比在電腦屏幕上小。

enter image description here

0

爲了使您的元素,適合你的全屏,使用下面的CSS屬性,

​​

相關問題