Как сделать две версии отображения html/css кода, десктоп и мобильные устройства?

Question

[espinal]

Написал адаптивный html/css, но в мобильной версии трудно прочесть, приходится зумить. Что и как вписать для того чтобы при открытии на мобильном устройстве отображался кратко написанный текст вместо всего html.

*html/css в одном файле .html

Спасибо!

Answer 1

[Roma Kraminskij]

Добрый день.
Всегда взваливаю эти вещи на Bootstrap.
Когда то тоже скрывал блоки, теперь фреймворк сам аккуратно их располагает на любой платформе.
По вопросу, как скрыть - bootstrap-4.ru/docs/4.1/utilities/display

Answer 2

[AndreyBAN]

С помощью медиазапросов на разрешении мобильных устройств размер шрифта увеличить и вообще подогнать все, что необходимо.

Answer 3

[survivor2005]

Согласен с предыдущим комментарием. Вьюпорт 1. Далее медия запросами указываешь что будет происходить при определенном диапазоне пикселей ширины окна браузера.