在同一个div上使用min-height％和px

Question

我正在寻找一种说法

min-height: 500px;
min-height: 100%; 

为什么我愿意使用它？

div需要100％或更长才能溢出。 只有当屏幕高度小于500px时才需要为500px，因此它与其他元素对齐良好。

Answer 1

您可以使用媒体查询：

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

Answer 2

您可以使用JQuery设置此行为。

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

希望它有所帮助。