Медиа запросы, Safari и масштабирование. Что-то не так делаю.

[VasyOK{!}]

Приветствую специалистов по кросбраузерной верстке!

Вот сайт http://durmitorsport.com/. [Основная] Проблема с фонами. В стилях прописано (мной):

#header {    
    background-image: url("../images/fons/1_main.jpg");
    background-size: 100% auto; 
}
@media only screen and (max-width:1366px){
    #header { 
        background-size: auto 100%;
    }
}

Проблема: в разрешении 1366px по горизонтали, если уменьшить масштаб в браузере, то должно отображаться, как будто разрешение больше оного. Вот в Safari это не работает. И как не масштабируй, @media only screen and (max-width:1366px) - все равно обрабатывается.

Почему? Помогите разобраться.

Скриншоты. Как во всех (Лиса, Хром, Едж):

 

Как в Safari (те же разрешение и масштаб):

 

[swandev]

Safari под windows уже давно устарел, удалите его и забудьте про поддержку

 

В нормальном браузере все хорошо (кнопка только не вмещается)

Edited July 24, 2017 by swandev

[VasyOK{!}]

Кнопка не вмещается т.к. размер подключаемых шрифтов чучуть шире в разных браузерах. Но это поправимо.

swandev, а вы масштаб уменьшили до 80% ? полос нет по бокам?

Мне шлют скрины с айфонов и там тоже не как в нормальных браузерех на маленьких экранах. Собственно если в виндовом Сафари смотрю уменьшая размер окна - то и вижу, что их айфонах.

 

[swandev]

10 минут назад, VasyOK{!} сказал:

Кнопка не вмещается т.к. размер подключаемых шрифтов чучуть шире в разных браузерах. Но это поправимо.

swandev, а вы масштаб уменьшили до 80% ? полос нет по бокам?

Мне шлют скрины с айфонов и там тоже не как в нормальных браузерех на маленьких экранах. Собственно если в виндовом Сафари смотрю уменьшая размер окна - то и вижу, что их айфонах.

 

Да, 1365px ширину выставил(применился @media запрос), потом уменьшил масштаб до 80% и @media запрос не применился. Полос нет.

 

Вот как в айфоне (414x736px)

В хроме на десктопе так же ,если уменьшить ширину браузера

[VasyOK{!}]

Странно у вас все как надо.

А что вы посоветуете, чтобы смотреть в Сафари как у вас, но не ставить Хакинтош и не покупать Мак? А на старые Айфоны новое Сафари ставиться?

Edited July 24, 2017 by VasyOK{!}

[swandev]

Насколько старые айфоны?

Apple довольно долго поддерживает свои устройства. Последнюю на данный момент версию ios (и соответственно возможность установить последний сафари) поддерживают устройства начиная с 5го айфона (а ему уже 5 лет).

Если вам скидывают скрины с 4х айфонов, то это их проблемы, но точно не верстальщика.  Таких пользователей немного, так что некоторые проблемы им можно оставить, как признак того, что пора бы обновиться.

 

А смотреть в сафари не имея устройства можно только в browserstack, но это не бесплатно : (

[VasyOK{!}]

Спасибо. Жму руку.