Я хочу использовать функцию calc для моего значения высоты, но некоторые старые браузеры не поддерживают ее, и это заставляет сайт выглядеть ужасно.
.container2 {
height: calc(100% - 87px);
height: -webkit-calc(100% - 87px);
height: -moz-calc(100% - 87px);
height: 500px;
}
Я подумал, что если бы я сделал это так, чтобы браузеры, поддерживающие функцию calc, использовали их первым, но если это не так, тогда в этом случае будет использоваться базовое значение 500px
.
Есть ли способ использовать высоту вычислений сначала, а затем высоту 500px
если браузер ее не поддерживает?
Надеюсь, что имеет смысл
У вас есть обратное: браузеры обрабатывают все объявления в одном правиле и используют последний, который применим.
Итак, две вещи: ваше резервное 500px
значение должно идти вверху, и вам нужно иметь значение unsrefixed calc()
внизу, чтобы гарантировать, что браузеры используют стандартизованную реализацию по сравнению с их конкретными поставщиками, когда это применимо:
.container2 {
height: 500px;
height: -webkit-calc(100% - 87px);
height: -moz-calc(100% - 87px);
height: calc(100% - 87px);
}
Как я знаю, вы должны сначала поставить резервную копию:
.container2 {
height: 500px;
height: calc(100% - 87px);
height: -webkit-calc(100% - 87px);
height: -moz-calc(100% - 87px);
}