Рендеринг другой 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';
}