Chrome Панель инструментов устройства Dev-Tools неправильное разрешение - PullRequest
0 голосов
/ 18 апреля 2020

У меня проблема с панелью инструментов устройства chrome dev. Итак, это настройки:

enter image description here

Это мой медиазапрос:

@media only screen 
and (min-device-width : 320px) 
and (max-device-height : 568px) 
and (orientation : portrait) { 

    html {
        width: 320px;
        height: 568px;
    }

    body {
        width: 100%;
        height: 100%;
    }
}

и вот что chrome показывает мне, когда я парю свои html:

enter image description here

Так что я делаю не так? Я проверил это и обнаружил, что если я хочу, чтобы мои html умещались на весь экран, мне нужно сделать так, чтобы width: 375px и height: 667px. Но это не будет iPhone 5 / SE, это iPhone 6.

...