Лучшие инструменты / процессы для преобразования существующего веб-сайта HTML5 в мобильную версию - PullRequest
1 голос
/ 18 февраля 2012

Я хочу создать мобильную версию нашего сайта. Какой хороший способ предоставить лучшую, наиболее полнофункциональную версию.

У нас есть веб-сайт HTML5 и CSS3. Возможно ли конвертирование?

Заранее спасибо ...

Ответы [ 2 ]

0 голосов
/ 19 февраля 2012

Я предполагаю, что вы планируете иметь такой же контент на мобильной версии вашего сайта, что и на настольной версии, если вы хотите использовать медиазапросы, чтобы настроить стиль вашего сайта так, чтобы он наилучшим образом подходил к различным размерам экрана мобильного устройства, например как:

/* Media Queries
------------------------------------------------------------------------------*/

@media handheld and (max-width:480px),
       screen and (max-device-width: 480px),
       screen and (mx-width: 600px) {
  /* then modify css for the small screen such as centering headers, setting inherit widths etc */
}
0 голосов
/ 18 февраля 2012

Есть несколько вещей, которые следует учитывать при конвертации вашего сайта, какие размеры экранов и устройств вы собираетесь поддерживать - только телефоны или планшеты тоже?Также каков контент / функциональность вашего сайта.Если это довольно статичное отображение данных, то вы можете рассмотреть «Адаптивный дизайн» (много ссылок, если вы его гуглите).Вы изменяете свой макет для обработки размеров экрана.Вы можете использовать Modernizr или что-то в этом роде, чтобы определить, какие функциональные возможности есть у устройства, и определить, как обрабатывать / обрабатывать навигацию, формировать данные и т. Д. Я не думаю, что вы найдете что-то, чтобы просто «портировать» ваш сайт (кроме оплатыкто-то еще, чтобы сделать это)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...