Сайты для мобильных браузеров: CSS и метатеги

Question

Некоторые сайты не работают в мобильных браузерах. Часто это вызвано определенными атрибутами CSS или отсутствующими метатегами HTML.

Например, HTML-тег <meta name="viewport"...> необходим для правильного масштабирования страницы. Или атрибут CSS overflow: scroll; в div на странице не работает на iPad должным образом.

Какие конкретные теги / атрибуты необходимо понимать и использовать разработчику HTML при включении страницы для мобильных браузеров?

Answer 1

метатеги для мобильных телефонов

<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">

Answer 2

Мир мобильный, и мы, эксперты по пользовательскому интерфейсу, должны принять вызов и смотреть в будущее!

Пара потрясающих ресурсов, на которые можно посмотретьдля разработки мобильных сайтов есть статьи о командах оперных разработчиков & W3C стандарты на CSS для мобильных устройств.