Как настроить отображение нескольких веб-страниц на мобильных устройствах

Question

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

Могу ли я в любом случае создать отдельную страницу для каждой из этих трех страниц, чтобы они появлялись только тогда, когда кто-то пользуется мобильным телефоном?

Спасибо

Answer 1

Как и другие заявили.Адаптивный веб-дизайн с Media Queries лучше всего.Проверьте эти сайты.

http://www.alistapart.com/articles/responsive-web-design/ http://www.stuffandnonsense.co.uk/projects/320andup/

Answer 2

Если вы ищете в Google «Адаптивный дизайн», есть много советов о том, как использовать одну и ту же страницу, но на мобильных устройствах она должна отображаться по-разному.

Answer 3

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

Answer 4

Вам нужно вставить какой-нибудь JavaScript, который будет выявлять User Agent (веб-браузер и версию) на каждой странице. Вот ссылка, которая объясняет, как это сделать:

http://www.quirksmode.org/js/detect.html

Как только вы это сделаете, поменяйте местами CSS-файл для этой страницы на тот, который подходит для устройства, или перенаправьте на специальную HTML-страницу для этого устройства.