Я не знаю, что еще я мог сделать, но по какой-то причине адаптивный не работает на мобильном телефоне!
Когда я изменяю размер своего браузера, он работает нормально, но на моем iPhone X, есть без изменений ...
У меня уже есть это на моем <head>
:
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
Вот фрагмент моего CSS:
//I have this setting for browser resize and it works fine:
@media screen and (max-width: 700px){
*Style*
}
@media screen and (max-width: 700px){
*Style*
}
//And here for iPhone but it doesn't work at all
@media only screen
and (min-width: 375px)
and (max-height: 812px)
and (orientation : portrait) {
*Style*
}