Кто-нибудь знает способ иметь конкретные таблицы стилей CSS в зависимости от типа мобильного устройства? Я исследовал его несколько дней назад и не нашел ничего, кроме этого фрагмента кода для iPhone.
<link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
Это прекрасно работает для iPhone, но на всех других мобильных устройствах (Android, Blackberry, Nokia) оно все равно отображается так же, как мой сайт. Я попробовал:
<link media="handheld" href="iPhone.css" type="text/css" rel="stylesheet" />
но, похоже, это никак не повлияло на другие мобильные устройства. Так что я не уверен, как получить доступ к ежевике / андроидам / нокиа без эффекта кода моего реального сайта.
Я строю свой сайт с использованием PHP-фреймворка CodeIgniter, и я изучил этот код, который должен быть в состоянии определить, просматривается ли он через мобильное устройство или браузер.
if ($this->agent->is_browser())
{
$agent = $this->agent->browser().' '.$this->agent->version();
}
elseif ($this->agent->is_mobile())
{
$agent = $this->agent->mobile();
}
else
{
$agent = 'Unidentified User Agent';
}
Единственная проблема заключается в том, что новые телефоны, которые мы строим, отображают сайт как браузер, а не как мобильный телефон (я думаю, я тестировал только iphone, потому что это все, что у меня есть на данный момент). Так у кого-нибудь есть обходные пути для других телефонных платформ?