Обслуживание различных медиа-файлов в зависимости от размера порта просмотра

Я работаю над приложением Laravel и хотел бы обслуживать контент в зависимости от размера области просмотра пользователя. Мое приложение требует входа пользователя.

Когда пользователь войдет в систему, я также получу размер порта просмотра устройства и сохраню его в переменных сеанса. Таким образом, всякий раз, когда запрашивается конкретное представление, я могу проверить размеры порта представления, хранящиеся в сеансе, и предоставлять контент на основе этого.

Мой вопрос: есть ли лучший способ добиться того, чего я хочу?

редактировать

Я знаю адаптивный дизайн. Проблема, с которой я сталкиваюсь с медиазапросами CSS — это таблицы. Мне трудно сделать таблицы адаптивными и представить их осмысленно. И у меня есть несколько страниц с табличными данными в моем приложении. Поэтому я подумал, что могу использовать вышеуказанный подход.

Я даже могу оптимизировать мобильные страницы, чтобы загружать меньше ресурсов. Я не хочу, чтобы все функции, доступные на рабочем столе, были в мобильном телефоне. Это означает, что сейчас на моей веб-странице есть скрытый контент, неиспользуемые плагины и ресурсы на мобильных устройствах.

Таким образом, вместо того, чтобы загружать контент и «скрывать» его, почему бы просто не загрузить минимум данных (и ресурсов, плагинов), требуемых для мобильных устройств?

Редактировать 2

После дальнейших исследований я нашел ответы на свои вопросы. Я обнаружил, что существует совершенно новая концепция динамическая подача, который принят большинством крупных сайтов. Зачастую сложно достичь всего с помощью медиа-запросов CSS. И код CSS может быть загроможден.

Также фреймворки, такие как Laravel, позволяют легко управлять различными видами. Таким образом, в таких случаях может быть полезным динамическое обслуживание.