Safari входит в адаптивный режим дизайна iPad pro - PullRequest
Новая
       17

Safari входит в адаптивный режим дизайна iPad pro

0 голосов
/ 27 февраля 2020

Не могу обернуть голову вокруг медиазапросов iPad Pro, частично не применяемых в Safari Responsive Design Mode (Mojave, Safari Version 12.1.2. Однако все выглядит правильно, используя Chrome и Firefox Emulator.

Медиа-запросы для iPad Pro 12.9 LANDSCAPE применяются правильно с использованием: 

@media only screen 
  and (min-width: 1366px) 
  and (max-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2){

CSS properties

}

Медиа-запросы для iPad Pro 12.9 PORTRAIT не применяются: 

@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2){

Css properties

}

Также медиа-запросы для iPad Pro 10.5 не применяется.

Медиа-запросы для iPad альбомной работы работают, как и ожидалось: 

@media only screen 
  and (min-width: 793px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

Css properties

}

Я полагаю, что мой вопрос сводится к тому, насколько надежен Safari Responsive Design Mode по сравнению с Chrome и Firefox эмуляторы? кому доверять больше?

...