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

Ответ 1

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

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

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

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

• http://www.phonegap.com/
• http://www.sencha.com/products/touch/
• http://www.appcelerator.com/
• http://www.jquerymobile.com/
• http://www.jqtouch.com/

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

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

Ответ 2

Попробуйте это, используя 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");
}

Ответ 3

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

Ответ 4

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

iphone 4

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

traget Целевая Samsung Galaxy S2

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

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