@mosikus

Css адаптивная верстка @media?

Сейчас сижу в телефоне, читаю как делать резиновую вёрстку и решил пока на телефоне проверить работоспособность, днём комп запущу. В общем, хотелось бы узнать, почему див красится (см код) только, если установлена ширина не менее 360(то есть, если поставить значение меньше, то див не будет изменяться) или высота не менее 511, хотя размеры экрана вообще 720х1280
5d5c827bcaede368845243.png5d5c82826a5d4822312580.png

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <div>a</div>
    </body>
</html>


body {
    width: 100%;
}

@media all and (max-width: 360px) {
div {
background: black;
}
   }
  • Вопрос задан
  • 158 просмотров
Решения вопроса 2
Потому что для CSS ваш телефон 360x640

Пример с айфонами:
https://www.paintcodeapp.com/news/ultimate-guide-t...
Ответ написан
profesor08
@profesor08 Куратор тега CSS
Не надо путать физические пиксели устройства и логические CSS пиксели.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы