Почему в сафари 12 на маке отображаются кривые стили?

Здравствуйте! Подскажите пожалуйста такую вещь - почему в сафари 12.1.2 стили сайта отображаются очень криво? Хотя во всех других браузерах проблем нет.

614b8a2a30b4e426952473.jpeg
  • Вопрос задан
  • 187 просмотров
Решения вопроса 1
volkovgst
@volkovgst
Full-Stack PHP/JS Developer
Из-за кроссбраузерности.

Здесь можно проверить поддерживает ли бразер конкретное свойство (на примере flexbox):
https://caniuse.com/flexbox

614b9dfeeede1108894181.png

Нужно добавить reset.css
И писать стили уже с добавлением префиксов.

Примеры префиксов:
-moz- используется в Firefox;
-ms- используется в Edge и Internet Explorer;
-webkit- используется в Safari, Chrome и браузерах на основе движков WebKit и Blink;
-o- — используется в старых версиях браузера Opera, работающего на движке Presto. С 2013 г. Opera перешла на движок Blink.

Пример кода:

-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;


Или использовать Gulp/Webpack, которые автоматом могут добавить нужные префиксы.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы