Css 在同一div上使用最小高度%和px

Css 在同一div上使用最小高度%和px,css,Css,我在寻找一种表达方式 min-height: 500px; min-height: 100%; 为什么我愿意用这个 div需要为100%或更长,以便溢出。 只有当屏幕的高度小于500px时,它才需要500px,这样它才能与其他元素很好地对齐 可以使用JQuery设置此行为 如果您不想添加Jquery库,您可以尝试使用Vanilla Javascript。顺便说一句,不使用Jquery时性能会更好 希望有帮助。您可以使用媒体查询: @media screen and (max-height:5

我在寻找一种表达方式

min-height: 500px;
min-height: 100%; 
为什么我愿意用这个

div需要为100%或更长,以便溢出。
只有当屏幕的高度小于500px时,它才需要500px,这样它才能与其他元素很好地对齐

可以使用JQuery设置此行为

如果您不想添加Jquery库,您可以尝试使用Vanilla Javascript。顺便说一句,不使用Jquery时性能会更好


希望有帮助。

您可以使用媒体查询:

@media screen and (max-height:500px) {
    .selector { min-height: 500px; }
}

应该有一个关于如何解决这个问题的解释。只参考jQuery或Vanilla JavaScript是不够的。为什么CSS3可以处理媒体查询时使用jQuery?OP想要一个更容易实现的CSS3解决方案。对此表示抱歉。这里有一个更完整的答案:你可以试试这个:这里有一个如何做的例子。问候,是的,我一直在寻找,愚蠢的我没有考虑它!