Рендеринг другой html-страницы для запросов с мобильного устройства, используя только html css и js

Я хочу, чтобы моя вторая HTML-страница отображалась по-разному для мобильных и настольных устройств.

Поскольку моя вторая страница немного сложна, я решил сделать два разных сайта.

Как мне добиться этого, используя только HTML, CSS и JS?

Edit1 - Спасибо за ответы. Сложно использовать медиа-запросы для этой страницы. Итак, я создаю новую страницу только для мобильных сайтов. Вопрос в том, могу ли я отрисовать эту другую страницу с моей первой страницы, основываясь на ширине устройства. Я создал маршрут для этой страницы в репозитории, и URL готов. Итак, исходя из ширины, по нажатию кнопки на первой странице, я должен перейти на сайт X, если его ширина больше, чем Xpx, еще сайт Y Это прямо вперед. Как мне сделать это в JS?

1 ответ

Решение

Взгляните на Mobile Detect.

Вы можете использовать это так:

var md = new MobileDetect(window.navigator.userAgent);
if (md.mobile() || md.tablet()) {
    document.location.href = 'mobile-page.html';
}
Другие вопросы по тегам