全屏幕標題部分

我試圖在頁面頂部製作全屏幕標題部分，但無法使其適用於所有設備/顯示器。什麼是這樣做的行業標準，JavaScript，CSS？有沒有一個我應該使用的高度？現在，我的方法可以應用於一切事物，但移動設備會一直重複下一頁。全屏幕標題部分

<body> 
    <header> 
     <h1>Logo</h1> 
    </header> 
    <div id="page"> 
     <p>content</p> 
    </div> 
</body> 
<style> 
    header { 
      hieght:100vh; 
      width:100%; 
      background-image:url('image.png'); 
      background-size:cover; 
    } 
</style>

來源

2014-02-08 nick

高度應該是身高。 – Chanckjh

你需要定義什麼是100％的意思，現在它是說頭的寬度是100％沒有。添加

body{ 
    width: 100%; 
}

您還拼寫錯了高度。

下面是我該怎麼做。

<body> 
    <header> 
     <h1>Logo</h1> 
    </header> 
    <div id="page"> 
     <p>content</p> 
    </div> 
</body> 
<style> 
    body{ 
     width: 100%; 
     height: 100%; 
    } 
    header { 
      height:100%; 
      width:100%; 
      background: green; 
      background-size:cover; 
    } 
</style>

Plunker here。將BG切換爲綠色以對其進行可視化。

來源

2014-02-08 00:18:03

全屏幕標題部分

回答

相關問題