Конвертация сайта в мобильный сайт

Question

У меня есть простая веб-страница здесь .

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

Я пытался добавить это к своему HTML-коду ... в голове

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

Характеристики мобильного телефона : Любойвеб-браузер поддерживает мобильную связь, и я нацеливаюсь на ширину 320 пикселей.Горизонтальная прокрутка не допускается.Только вертикальная прокрутка.

Можете ли вы помочь мне исправить эту ошибку?Просто код для конвертации на мобильный сайт.Я попробовал несколько решений онлайн, но, похоже, ничего не вышло.

Спасибо!: D

Answer 1

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

Я бы сказал, что если вы собираетесь на сайт, оптимизированный для мобильных устройств, вам придется переосмыслить то, как вы используете CSS. Вместо объявления ширины в пикселях используйте проценты. Ширина мобильного устройства изменяется между альбомным и портретным режимами, но 80% - это всегда 80%.

В этой статье вы узнаете, как начать настраивать разные стили для устройств разной ширины: http://www.alistapart.com/articles/responsive-web-design/