2017-03-07 45 views
-1

我想知道創建基於背景的網站的最佳方式是什麼。 我正在使用Bootstrap,困擾着我的是我如何預測保存圖像的div標籤的高度?請建議執行此在引導中創建背景網站

<div style="background-image: url('img/bg.jpg'); background-size: 100%; width: 100%; height: 500px; "> 

</div> 

最簡單的方式如何的背景應該是這樣的: enter image description here

+0

利用twitter-bootstraps [響應式圖片](https://v4-alpha.getbootstrap.com/content/images/#responsive-images) –

+2

看看提供的示例:http://getbootstrap.com/examples/封面/ – ZimSystem

回答

1

在CSS中,你可以使用VW和VH,作爲視圖的百分比。所以,如果你說:

div { height: 100vh; }

這個div會佔用視圖的完整的垂直空間。 vw是寬度。

+0

哦,哇,這正是我正在尋找的。謝謝一堆!!!!! –