Ориентация на мобильные устройства Android (Galaxy S) с помощью CSS

Question

Я пытаюсь настроить таргетинг на Android-устройства с помощью файла CSS, но до сих пор мне это не удавалось.Я использую следующий код CSS:

@media only screen and (max-device-width: 800px) {
    body { max-width: 100%; background-color:#000; }
}

Я также вызываю код CSS со следующей строкой в ​​файле PHP:

<link rel="stylesheet" type="text/css" href="small.css" />

Любые мысли о том, что я мог быделать неправильно?

Спасибо

Answer 1

В PHP вы можете проверить пользовательский агент , и на основании этого применить соответствующую таблицу стилей.

И не забывайте настройку области просмотра в метатеге:

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