Что не так с safari?

Question

[dudaevfrontend]

Верстаю сайт по шаблону из интернета, все было ок. Но в какой то момент я сталкиваюсь с проблемой, что при проверки адаптива сайт творит какую то дичь. Я долго проверял код, но не заметил ошибки, потом открыл тот же файл не через safari, а через chrome, и все стало на свои места, можете подсказать что не так с safari? Или со мной. Спасибо заранее

Comments

[Одиночка Айс]

Safari какой? Виндовый? Забудьте про него. Маковский? Добро пожаловать в BDSM мир фронтендеров/верстальщиков.

[dudaevfrontend]

Одиночка Айс, не знал что есть safari для windows. У меня все раньше было ок, но недавно купил m2, и что то уже не так

[modelair]

dudaevfrontend, вы бы примеры приводили, а не воду разводили. в сафари все нормально работает, просто есть нюансы. что и не удивительно, это ж не хром, который сейчас в каждом браузере

[dudaevfrontend]

modelair, Прикрепил файлы

[modelair]

dudaevfrontend, возьмите песочницу codepen и создайте пример. картинки ничего не дают

[Модератор]

Нарушение п.3.8 Регламента. Скриншоты фрагментов кода запрещены.

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.4

[Ankhena]

dudaevfrontend, как бы догадаться, что у вас в стилях...

Но начните с этого https://www.esolutions.se/en/test

Answer 1

[Владимир Коротенко]

Обратите внимание блоки соотносятся как 1:2
Логично что произошел скейлинг в сафари.
Поэтому создаете картинку с 2 большим разрешением и добавляете что то типа

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

    .box{
        background:url('images/[e-mail]') no-repeat top left;
        background-size: 200px 200px;
    }
}