Эксклюзивный CSS для iPhone / Android

Я создаю мобильную таблицу стилей для моей страницы. Есть ли простой способ показать, что эта таблица стилей для пользователей iPhone / Android? Или мне нужно вытащить пользовательские агенты и разобраться в этом – и как это сделать?

Также – какие-либо инструменты для облегчения создания такого рода веб-разработчиков?

Solutions Collecting From Web of "Эксклюзивный CSS для iPhone / Android"

Вы можете сделать что-то подобное, если ваша таблица стилей одинакова для iOS / android.

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

Но если вы пытаетесь определить, является ли это iOS OR Android, вам нужно будет обнаружить.

С точки зрения облегчения работы мобильных устройств, есть масса вещей:

Есть несколько, чтобы вы начали 🙂

Надеюсь это поможет.

Попробуйте это, используя navigator.userAgent в JavaScript;) (любезно предоставлено это замечательное сообщение http://css-tricks.com/snippets/javascript/redirect-mobile-devices/ ):

 if ((navigator.userAgent.match(/iPhone/)) || (navigator.userAgent.match(/iPod/))) { alert("we've got an iDevice, Scotty"); } if (navigator.userAgent.match(/Android/)) { alert("Droid me baby"); } 

Пожалуйста, проверьте это сообщение http://www.rkblog.rk.edu.pl/w/p/optimizing-websites-iphone-and-android/

Определить, что именно использует пользователь, и стиль для его мобильного устройства

Ай фон 4

 @media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){ .inphone4CSS{} } 

Отслеживать целевой Samsung Galaxy S2

 @media screen and (device-width: 320px) and (device-height: 534px) and (-webkit-device-pixel-ratio: 1.5){ .GalaxyS2_CSS{} } 

Подробнее об этом (или о других устройствах) вы можете найти здесь: Настроить определенное устройство