HTML |Типы носителей для мобильных устройств и CSS

Question

Ниже приведены мои таблицы стилей для моего мобильного сайта:

<META name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<META name="HandheldFriendly" content="true" />
<link type="text/css" rel="stylesheet" media="screen and (min-device-width: 481px)" href="css/smartmobile.css" />
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/smartmobile.css" />
<link type="text/css" rel="stylesheet" media="handheld" href="css/mobile.css" />

Я загрузил страницу в iPhone, и похоже, что она должна.Однако, когда я загружаю страницу в Blackberry, она не использует «обработанную вручную», а пытается использовать другие таблицы стилей.У кого-нибудь есть мысли, почему это происходит?

Answer 1

Рассматривайте медиазапросы (как вы это сделали для iPhone) вместо типов медиа. http://www.alistapart.com/articles/responsive-web-design/ Многие устройства не поддерживают тип handheld.

Answer 2

Да, большинство телефонов даже больше, поэтому старые телефоны будут просто игнорировать тип «медиа», и я бы предложил использовать некоторые из обнаружения на стороне сервера, если вам нужен css для разных типов телефонов.