Html 使用浏览器宽度自动调整图像大小,但在div内保持相同高度?

Html 使用浏览器宽度自动调整图像大小,但在div内保持相同高度?,html,css,image,overflow,Html,Css,Image,Overflow,我试图弄清楚是否只有CSS才能在boilerroom.tv标题上获得效果。一个非常类似的问题:但不填满整个页面,只在一个div内。基本上,宽度与浏览器保持相同,高度保持不变(例如…300px),因此图像变得越来越大,越来越小,但隐藏了div的溢出。谢谢 您应该发布代码,这样我们就可以更好地了解您的目标和尝试。然而,听起来你好像在寻找背景封面。在CSS中: .element{ background: url(path/to/image) background-size: cover

我试图弄清楚是否只有CSS才能在boilerroom.tv标题上获得效果。一个非常类似的问题:但不填满整个页面,只在一个div内。基本上,宽度与浏览器保持相同,高度保持不变(例如…300px),因此图像变得越来越大,越来越小,但隐藏了div的溢出。谢谢

您应该发布代码,这样我们就可以更好地了解您的目标和尝试。然而,听起来你好像在寻找背景封面。在CSS中:

.element{
    background: url(path/to/image)
    background-size: cover;
    height: 300px;
    width: 100%;
}
确保包含正确的供应商前缀作为背景大小,以实现跨浏览器兼容性

请试试这个。 div{ 背景:url(图像路径) 背景尺寸:封面; 身高:100%; 宽度:100%;
}

您需要发布一些代码。到目前为止你试过什么?