Html 空div上的最大高度

我有DIV元素，其中只有几行和一个背景图像。 图像大小为335px高度

我希望div的最大高度为335px，但如果浏览器窗口较小（移动），则允许其收缩

但是div只是保持div中段落的大小。 这是我的CSS代码的DIV。有什么想法，我可以设置默认的起始高度为335px，但允许它缩小？“最大宽度”可以完美地工作

#header
{
    background-image: url('Images/Header.png'); 
    margin: 0 auto;
    max-width:1024px; 
    max-height: 335px;
    background-size: 100% 100%;
    height: 100%;
    overflow: auto;
    --max-line-height: 335px;
}

非常感谢D

试试这个CSS-

#header{
    background-image: url('Images/Header.png');
    margin: 0 auto;
    max-width:1024px;
    height: 335px;
    background-size: 100% 100%;
    overflow: auto;
    border: 1px solid #f00;
}

对于移动设备，使用CSS媒体查询

---

您可以使用

最小高度：335px

或

高度：335px

。因此，您的

#标题将是

#header
{
    background-image: url('Images/Header.png'); 
    margin: 0 auto;
    max-width:1024px; 
    max-height: 335px;
    background-size: 100% 100%;
    min-height: 335px;    /* OR */  height: 335px;
    overflow: auto;
    --max-line-height: 335px;
}

谢谢迪帕克斯，我试过了，但是潜水舱的固定高度是335px。我希望div根据浏览器大小收缩，而不为其指定任何高度。它会自动收缩问题是它会收缩到DIV中的1行文本。我希望它的高度默认为335px，但只有当浏览器屏幕较小时才能向下调整。使用高度：335px；以及媒体的提问。它应该能解决你的问题嗯，我唯一的选择是使用媒体查询吗？我的建议不行吗？min height不起作用，它不会在窗口收缩之前，在开始时将高度默认为335px。div会立即收缩：（但如果窗口较小，我希望它收缩到335px以下。
#header
{
    background-image: url('Images/Header.png'); 
    margin: 0 auto;
    max-width:1024px; 
    max-height: 335px;
    background-size: 100% 100%;
    min-height: 335px;    /* OR */  height: 335px;
    overflow: auto;
    --max-line-height: 335px;
}