@dudaevfrontend

Что не так с safari?

64cc6b92e335a710403565.png64cc6ba327447255786491.png
Верстаю сайт по шаблону из интернета, все было ок. Но в какой то момент я сталкиваюсь с проблемой, что при проверки адаптива сайт творит какую то дичь. Я долго проверял код, но не заметил ошибки, потом открыл тот же файл не через safari, а через chrome, и все стало на свои места, можете подсказать что не так с safari? Или со мной. Спасибо заранее
  • Вопрос задан
  • 134 просмотра
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
Обратите внимание блоки соотносятся как 1:2
Логично что произошел скейлинг в сафари.
Поэтому создаете картинку с 2 большим разрешением и добавляете что то типа

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

    .box{
        background:url('images/box-bg@2x.png') no-repeat top left;
        background-size: 200px 200px;
    }
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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