-moz-доступная высота не работает в firefox - PullRequest
Новая
       20

-moz-доступная высота не работает в firefox

2 голосов
/ 13 марта 2019

Я использую заливку, доступную в Chrome, и она отлично работает, но не в Firefox.вот скрипка: скрипка почему она не работает?пожалуйста, помогите. 

.container {
    background: steelblue;
    height: 100%;
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

1 Ответ

0 голосов
/ 02 июля 2019

для Firefox вы должны установить высоту: '100%' для элементов body и html следующим образом: 

html, body {
    height: 100%;
}

.container {
    height: 100%;
    min-height: -moz-available; /* WebKit-based browsers will ignore this. */
    min-height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    min-height: fill-available;
}

это сработало для меня.Я надеюсь, что это может помочь вам.

...