1. дома
  2. Вопрос и ответ
  3. Как сделать несколько веб-страниц разным на мобильных устройствах

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

2011-12-28 1 views
0

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

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

Благодаря

источник

2011-12-28 Sam

ответ

0

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

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

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

источник

2011-12-28 21:02:27

+0

агенты пользователя Sniffing неправильный путь, и упал в немилость на протяжении многих лет. Нет гарантии, что браузер правильно идентифицирует себя, и никаких функций javascript не доступны. Вы по-прежнему должны проверять функциональность. Но все это в основном не нужно, если медиа-запросы могут выполнять эту работу. – Rob

+0

Ничего себе, правда? Скажите это bluenile.com, чье html 5 мобильное приложение, которое я закодировал. Это довольно большая онлайн-компания. Публично торгуются и печально известны своим жестким процессом контроля качества. Кажется, мой подход им подходит. , , –

+0

Обсудите это с Microsoft Eric Law: Опасности для пользователя-агента Sniffing http://goo.gl/3oS3A – Rob

0

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

источник

2011-12-28 21:02:55 Bryan

0

Наряду с «responsive design» вам следует изучить «media queries», который позволит вам настроить свой CSS и помочь выровнять элементы с размером экрана каждого устройства, просматривающего его. Нет необходимости в javascript.
How to use Media Queries in Mobile

источник

2011-12-29 02:24:13 Rob

+0

Rob - Этот ответ полезен, но не является исчерпывающим. Приветствую вас за ваши усилия, но вам было противно подавить мой ответ. –

+0

@MatthewPatrickCashatt - Извините, вы так себя чувствуете, но ваш ответ плох. См. Мой комментарий (который я забыл добавить). – Rob

+0

@MatthewPatrickCashatt - Возможно, вы прочитали мое сообщение, прежде чем я добавил некоторые ссылки. Это довольно всеобъемлющий вопрос, для которого требуется больше времени для объяснения здесь. – Rob

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

  • Нет связанных вопросов^_^