Я создаю мобильную таблицу стилей для моей страницы. Есть ли простой способ показать, что эта таблица стилей для пользователей 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/
определить, что именно использует пользователь, и стиль для его мобильного устройства
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{}
}
подробнее об этом (или о других устройствах) вы можете найти здесь: Настроить целевое устройство