Ориентация на iPad с использованием определенной таблицы стилей

Question

Веб-сайт моих клиентов отлично работает во всех основных веб-браузерах.За исключением iPad.Некоторые вещи отображаются немного по-другому.

Я использую следующую условную таблицу стилей

<link href="{$SkinDir}/ipad.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 600px) and (max-width: 1024px)" >

Теперь она исправляет проблему с таблицей стилей iPads, которая у меня была ....

НО

Сайт работал нормально на других устройствах, таких как мой телефон HTC.Но теперь, когда таблица стилей iPad загружена, она теперь возвращается к этой таблице стилей.

Я пытался использовать:

  <link href="{$SkinDir}/phones.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 600px)" >

Но, похоже, она вообще не каскадировалась на телефонную трубку, Он по-прежнему ссылается на таблицу стилей ipad.

Есть ли вообще способ, я могу просто настроить таргетинг на iPad!?

Стоит отметить, что сайт работает на шаблонах SMARTYдвигатель.Файл, относящийся к условному материалу, можно найти здесь

Заранее большое спасибо.

Answer 1

Выполните условную css <ссылку> на уровне сервера (php), а не на уровне клиента.

вы можете использовать это http://shaunmackey.com/articles/mobile/php-auto-bowser-detection/, чтобы обнаружить iPad и установить флаг, чтобы вы знали, какой CSS включить.