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

Я хочу сделать вторую страницу HTML по-разному для мобильных устройств и настольных устройств.Извлеките другую страницу html для запросов с мобильного устройства, используя только html css и js

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

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

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

источник

2016-12-05 Kruthika C S

Добро пожаловать на Stack Overflow. Рекомендуется, чтобы вы опубликовали код, который у вас есть (или фрагменты соответствующего кода, если он чрезмерен), чтобы дать людям что-то для работы. –

Пожалуйста, ознакомьтесь с [ask]. – Fencer04

Посмотрите на тег @media css: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – osmanraifgunes

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

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

var md = new MobileDetect(window.navigator.userAgent); 
if (md.mobile() || md.tablet()) { 
    document.location.href = 'mobile-page.html'; 
}

источник

2016-12-11 13:27:17 Barry127

Спасибо вам большое! : D Я искал что-то подобное! Кроме того, можем ли мы сделать это для желаемой ширины? –

Вы можете использовать такую же проверку для ширины. проверьте [this] (http://stackoverflow.com/questions/5484578/how-to-get-document-height-and-width-without-using-jquery). Ответьте, как получить ширину документа. – Barry127

Большое спасибо @Barry :) :) –

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

ответ

Смежные вопросы