Как проверить дизайн сайта на мобильном устройстве? - PullRequest
5 голосов
/ 07 ноября 2008

Я разработал свой сайт с фиксированным фоновым изображением 900 x 600. На компьютере это выглядит нормально. Как это будет выглядеть на КПК? Придется ли мне проектировать его отдельно для КПК?

Как проверить, можно ли эффективно просматривать мой сайт с мобильного телефона?

Что мне делать?

Ответы [ 4 ]

12 голосов
/ 07 ноября 2008
2 голосов
/ 07 ноября 2008

Вместо обнаружения в браузере вы можете предоставить альтернативные таблицы стилей для портативных устройств. С

<link rel="stylesheet" href="small.css" type="text/css" media="handheld">

Преимущество в том, что вам нужна только одна версия вашего сайта, разница заключается в таблицах стилей. Вам нужен еще один CSS, а при обнаружении браузера вам потребуются разные версии каждой страницы вашего сайта. Недостатком является то, что не все браузеры поддерживают атрибут media для таблиц стилей. Но большинство современных браузеров делают, и поддержка для него растет.

Если вам интересно, я рекомендую взглянуть на статью A List Apart .

Кстати, если вы еще не используете css, переключитесь на него немедленно, независимо от того, какое решение для вашей проблемы вы выберете. CSS качается!

1 голос
/ 16 ноября 2008

Вы также можете приобрести эмуляторы устройств для машин Blackberry .

0 голосов
/ 07 ноября 2008

Ну, вы всегда можете добавить туда какой-нибудь javascript для обнаружения типа браузера, а затем перенаправить на другой сайт, отформатированный для мобильных устройств. Это кажется нормой для большинства сайтов.

Примеры:

  • Digg.com
  • Twitter.com
  • Google.com
...