max-height:fit-content;在Mozilla中没有按预期工作

时间:2018-06-06 14:14:21

标签: html css mozilla

这种风格适用于例如铬。

p.ex1 {
    max-height: fit-content;
    height: 250px;
    border:solid 1px black;
    overflow: auto;
}

目的是使用整个高度,如有必要,滚动 但如果内容很小,则缩小高度以适合内容。 但是,这在Firefox中是如何实现的?

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_max-height

铬: chrome

火狐: firefox

2 个答案:

答案 0 :(得分:4)

这对我有用:

max-height: -moz-max-content;

答案 1 :(得分:2)

尝试使用:

p.ex1 {
    max-height: fit-content;
    height: -moz-max-content;
    height: 250px;
    border:solid 1px black;
    overflow: auto;
}

高度:-moz-max-content;

此标记将作为Mozilla的“适合内容”。