обнаружение браузеров мобильных устройств, а не только ширина экрана

Я знаю, что я могу активировать некоторые стили с запросом СМИ, как, что:обнаружение браузеров мобильных устройств, а не только ширина экрана

/* Magic for mobile devices */ 
@media (max-width: 33em) 
{ 
}

однако мне не очень нравится этот подход, поскольку он проверяет только на ширину экрана. Я нашел этот java script код для обнаружения мобильных браузеров и теперь мне нужен такой же чек с CSS

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
     // some code.. 
}

Есть CSS эквивалента этой Js?

источник

2013-08-13 Anton Belev

Как вы определяете "мобильный"? Что касается 7 ", 10" или 20 "планшета? – SLaks

@SLaks Вот почему я задаю этот вопрос. В настоящее время' @ media' предлагает проверку на ширину экрана. Что, если есть 17-дюймовый планшет и 17-дюймовый экран ПК Я бы хотел показать мобильную версию моего CSS на планшете и на настольной версии на ПК. Если есть проверка CSS на мобильных браузерах, это позволит мне показать соответствующие стили. –

Это моя мысль. Почему именно мобильная версия более подходит? – SLaks

Вы можете использовать следующее:

<link rel="stylesheet" type="text/css" href="mobile.css" media="handheld">

Это будет предназначаться для небольших или портативных устройств.

источник

2013-08-13 14:07:35 koningdavid

Я использую темы ASP.NET, поэтому единственная ссылка CSS для CSS JQuery Mobile. Как я могу применить свой ответ к моему делу? –

@AntonBelev Извините, у меня нет ответа на этот вопрос, я не familiair с asp.net. Но то, что ваш вопрос - это еще один вопрос, так что лучше сделать для него новую должность. – koningdavid

Вы можете использовать медиа-запрос, например: @media handheld {.myclass {width: 300px;}} – TimoSolo

обнаружение браузеров мобильных устройств, а не только ширина экрана

ответ

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