@ItxD
начинающий ITшник

Как решить проблему с кроссбраузерностью background?

Код -
background-color: #4bc8d7;
padding-top: 1%;
padding-bottom: 2%;

В ходе верстки просматриваю страницу в Chrome и Safari (на Маке).
Проблема: высота фона в Chrome выходит больше, разница была примерно в 3px.
Многое уже перепробовал и нифига.
Что более менее приблизило меня к желаемому результату -
min-height: 100%;
height: 570px !important;
height: 100%;
однако разница все равно была на 0,4 px.
  • Вопрос задан
  • 161 просмотр
Пригласить эксперта
Ответы на вопрос 2
profesor08
@profesor08
В разных браузерах разная высота страницы, так как часть окна выделена под панель, высота панелей разная у разных браузеров, так что не вижу тут проблемы.
Ответ написан
FeST1VaL
@FeST1VaL
Потихоньку изучаю React & Redux :3
Я бы переверстал...
Если сохранять как у тебя сверстано, то если правильно понял из ваших комментариев, то я бы сделал так...
1. Поменял стили main
2. Отдал часть стилей main в container
3. Переделал картинку. (я не знаю зачем тебе столько снизу пространства...)
4. Поменял стили у img

https://jsfiddle.net/fest1val/p6k7agxm/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
LC Group Новосибирск
от 100 000 до 170 000 руб.
Deliver Москва
До 160 000 руб.
Smart Медицина Москва
от 120 000 руб.
22 марта 2019, в 15:07
2000 руб./за проект
22 марта 2019, в 15:02
200 руб./за проект
22 марта 2019, в 14:52
20000 руб./за проект