Мобильное представление установлено с определенной ширины, используя видовой экран

Question

Я видел, что здесь есть похожие вопросы, но, поскольку я вроде n00b, я не нашел ответа.

Используя область просмотра, как я могу сказать своему веб-сайту следующее:

if width >= 1024 the width = viewport else if width >= 480 the width = mobile else width = viewport.

В основном, между бесконечностью и 1024 -> рабочий стол ниже 1024 -> мобильный вид.

Спасибо

Answer 1

@media (min-width: 1024px) {**DESKTOP CODE**}

Все, что меньше 1024 пикселей - это ваш мобильный вид. Это CSS-код вне запроса @media.

С точки зрения мобильного просмотра: проверьте https://www.mydevice.io/, чтобы получить правильную ширину.