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

Question

我正在寻找一种表达方式

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

为什么我愿意用这个？

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

Answer 1

您可以使用媒体查询：

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

Answer 2

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

如果您不想添加 Jquery 库，您可以努力使用 Vanilla Javascript 来完成。顺便说一句，不使用 Jquery 性能会更好。

希望能帮助到你。