Отображение блоков в разных браузерах

259

14 февраля 2018, 09:39

Вот макет, в Firefox при изменении размера колесиком, первый блок после header(class welcome) отображается не так как в Chrome. Как это исправить?

Answer 1

Вместо -webkit-background-size: 100%; сделайте -webkit-background-size: cover; background-size: cover; или со значением 100% 100%. Если я не ошибаюсь, есть только -webkit-background-size, а у вас прописано -о-background-size, -moz-background-size. Здесь, вы можете подробно почитать про background.

Answer 2

Если Вы имеете введу эту полоску, то все дело в свойстве "background-size": 100%; Все дело в том что в хроме backround-size определяется как 100% 100%, в мозилле как 100% auto; Вам нужно всего лишь указать backround-size: 100% 100%;