2013-02-18 2 views
0

привет, кто-то может помочь мне. Я пытаюсь найти способ указывать браузер на альтернативную таблицу стилей CSS, если пользователь обращается к моему сайту мобильного устройства?обнаруживает мобильное устройство, и если мобильное использование альтернативного CSS-листа?

Я попытался использовать следующий код, но он, похоже, не работает для меня. есть ли другой способ сделать это, возможно, в javascript или каким-либо другим способом?

Я был бы очень признателен, если бы кто-то мог показать мне способ сделать это, поскольку все, что у меня есть, не работает.

благодаря

<link media="only screen and (max-device-width: 480px)" 
href="iPhone.css" type="text/css" rel="stylesheet" /> 
+0

Использование «стандартных» ширины устройства в качестве точек останова - не очень хорошая идея: http: //blog.cloudfo ur.com/the-ems-have-it-proportional-media-queries-ftw/ и http://designshack.net/articles/css/responsive-design-why-youre-doing-it-wrong/ – cimmanon

ответ

0

Постарайся это (извлекается из Perishable Press):

<link rel="stylesheet" href="http://domain.tld/screen.css" type="text/css" media="Screen" /> 
<link rel="stylesheet" href="http://domain.tld/mobile.css" type="text/css" media="handheld" /> 

Причина, по которой линия с media="screen" чтобы устранить проблему с окнами на основе мобильных телефонов, которые будут принимать media="screen" над media="handheld"

+0

nope am тестируя его на iphone, и это не работает для меня: / –

Смежные вопросы