如何創建佈局這樣

-2

.main 
 
{  
 
    height: 500px; 
 
} 
 
.top 
 
{ 
 
    background-image:url("banner_bg.png"); 
 
    background-repeat: no-repeat; 
 
    background-size: cover; 
 
}

<html> 
 
<head> 
 
\t <link rel="stylesheet" href="new.css" type="text/css"> 
 
</head> 
 
<body> 
 
    \t <div class = "top main"></div> 
 
</body> 
 
</html>

嗨，我有一個問題，像我在評論欄中提供瞭如何創建佈局。我也提供了我的代碼鏈接，我試過了。

來源

2017-03-07 Arch

請說明您的具體問題或添加額外的細節亮點正是你所需要的。正如目前所寫，很難確切地說出你在問什麼。 –

佈局我試圖創建這樣的，但不知道如何創建它請幫助我我是新來的CSS ibb.co/b1G0Fa – Arch

如果你需要的是圖像在div的尺寸相同，我覺得這是最優雅的解決方案：

background-size: 100% 100%;

JSFIDDLE

來源

2017-03-07 09:54:41

兄弟看看我已經提供的參考圖像，我不想用100％100％的財產來做到這一點，我希望通過掩護或者包含財產來實現這一點。 – Arch

你知道如何計算寬高比面積嗎？這是所需的封面包含屬性 – Arch

你可以附加你想要適合的圖像，並做一個片段。對於長寬比https://www.w3schools.com/howto/howto_css_aspect_ratio.asp –

如何創建佈局這樣

回答

相關問題