Разработка мобильных сайтов

Question

Я пытаюсь создать мобильный веб-сайт, но я не совсем уверен, как объявить документ или как указать браузеру сосредоточиться на области с основным контентом вместо всей веб-страницы.На мобильных веб-сайтах телефон отображает контент, не отображая части страницы, которые не содержат информации.Как мне объявить документ и как мне сфокусировать страницу следующим образом?

Answer 1

Одним из способов сделать это, если у некоторых людей есть проблема с , являются медиазапросы.Вы можете указать, что определенные части вашего CSS должны применяться, только если экран больше или меньше определенной ширины.Вы можете сделать это в вашем файле с помощью команды @media или в элементе link в вашем HTML с атрибутом media.

Дополнительная информация о CSSмедиазапросы.

Answer 2

Вам нужно будет создать еще один файл CSS.

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

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

В качестве альтернативы, вы можете создать отдельную версию вашего сайта (например, http://m.example.com/), чтобы вы фактически загружали разный контент с другим CSS. В любом случае, это не так просто, как сказать браузеру отобразить его для мобильных устройств.