CSS: есть ли иерархия со значениями высоты?

Question

CSS: есть ли иерархия со значениями высоты?

0

Я хочу использовать функцию calc для моего значения высоты, но некоторые старые браузеры не поддерживают ее, и это заставляет сайт выглядеть ужасно.

 .container2 {
        height: calc(100% - 87px);
        height: -webkit-calc(100% - 87px);
        height: -moz-calc(100% - 87px);
        height: 500px;
    }

Я подумал, что если бы я сделал это так, чтобы браузеры, поддерживающие функцию calc, использовали их первым, но если это не так, тогда в этом случае будет использоваться базовое значение 500px.

Есть ли способ использовать высоту вычислений сначала, а затем высоту 500px если браузер ее не поддерживает?

Надеюсь, что имеет смысл

user3427494 24 март 2014, в 04:04

Источник

Теги:

html

css

css3

2 ответа

1

Как я знаю, вы должны сначала поставить резервную копию:

.container2 {
    height: 500px;
    height: calc(100% - 87px);
    height: -webkit-calc(100% - 87px);
    height: -moz-calc(100% - 87px);
}

Iqbal Fauzi 24 март 2014, в 01:25

Ещё вопросы

BoltClock · Accepted Answer · 2014-03-24T01-17-00.000Z

У вас есть обратное: браузеры обрабатывают все объявления в одном правиле и используют последний, который применим.

Итак, две вещи: ваше резервное 500px значение должно идти вверху, и вам нужно иметь значение unsrefixed calc() внизу, чтобы гарантировать, что браузеры используют стандартизованную реализацию по сравнению с их конкретными поставщиками, когда это применимо:

.container2 {
    height: 500px;
    height: -webkit-calc(100% - 87px);
    height: -moz-calc(100% - 87px);
    height: calc(100% - 87px);
}