/ Адаптивность / Браузер Safari

Браузер Safari

HIT

Разбираемся в особенностях идентификации стилей CSS браузером Safari, их не мало.

test

Не работают скрипты

Обратил внимание, что в на некоторых сайтах (не на всех) не исполняются скрипты. Разобраться в данном вопросе!

Шрифт заголовков

Странным образом ведет себя шрифт заголовков: размер больше обычного и увеличенный межбуквенный интервал.

Стили кнопок и полей

Никакие стили не применялись к кнопке, пока не добавил стиль

background: -webkit-linear-gradient(top, #d93324, #d93324);

Другие стили для браузера Safari

background-color: #d93324;  
-webkit-border-radius: 0px;

Safari и flex

Чтобы Safari начал понимать flex нужно добавлять свойства с префиксом -webkit-

display: -webkit-flex;
-webkit-justify-content: space-between;
-webkit-flex-wrap: wrap;

Очистка кэша

Очистить кэш, не удаляя при этом историю, cookie и другие данные сайтов, можно несколькими способами. Наиболее простыми являются: нажатие сочетания клавиш ⌥⌘E, либо нажатие на кнопку Обновить с зажатым шифтом.

Safari — душнила!

Для тэга <a> нужно прописывать display: block, если это требуется. Все остальные браузеры понимают это автоматически.

[site-socialshare]
  • Комментарии
  • Вложения

Добавить комментарий

Notice: Функция WP_Styles::add вызвана неправильно. Стиль с дескриптором "editor-buttons" был поставлен в очередь с незарегистрированными зависимостями: dashicons. Дополнительную информацию можно найти на странице «Отладка в WordPress». (Это сообщение было добавлено в версии 6.9.1.) in /home/t/tiberi6w/opttour.ru/public_html/wp-includes/functions.php on line 6170

Пока нет комментариев. Будь первым!

Браузер Safari
Upgrade WC
Рекомендации для васUpgrade WCOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.