如何创建布局这样

-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 –

如何创建布局这样

回答

相关问题