Кто-нибудь знает способ иметь определенные таблицы стилей 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" />
но, похоже, это не повлияло на другие мобильные устройства. Так что я не уверен, как получить доступ к Blackberry / Android / Nokia, не влияя на код моего настоящего сайта.
Я создаю свой сайт, используя 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, потому что это все, что у меня есть на данный момент). Так есть ли у кого-нибудь обходные пути для других телефонных платформ?
