Как создать мобильную версию существующего сайта?

Question

У меня нет опыта в мобильной разработке. Существует сайт, который открывается на мобильном телефоне разбросан. Я должен создать Mobile Version этого сайта. У меня есть 2 вопроса для начала:

1. Как создать мобильную версию этого сайта? Чтобы взять существующий HTML-сайт и добавить какой-то атрибут? Как делают две версии (веб-и мобильные), выполняют одни и те же операции?

2. Какая платформа для мобильных устройств Вы рекомендуете это легко и хорошо?

Answer 1

1. Вы должны взглянуть на CSS Media Queries и сделать ваш сайт отзывчивым.

2. Я могу предложить Foundation, отзывчивым фронтального рамки

Answer 2

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

• Чтобы сделать мобильную версию вашего существующего сайта, потребуется несколько поправок с помощью CSS, чтобы он выглядел хорошо на разных экранах размеров. Это, в основном, дооснащение, heres хорошая статья. В основном измените размер своего браузера (при открытии вашего сайта), и где бы он ни начинал выглядеть забавным, нечитаемым, или вы чувствуете, что могут быть внесены изменения, чтобы улучшить внешний вид, просто добавьте точку останова, используя CSS Media Queries, как указано в приведенном выше ответе.

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