Всем привет. Оптимизирую сайт под мобильные устройства. Создал под них отдельный CSS-файл с помощью
|
Код:
|
<link href="css/styleMobile.css" type="text/css" rel="stylesheet" media="screen and (max-device-width: 480px)"> |
И для них я полностью изменил основную навигацию. Теперь в яваскрипте нужно для экранов с "max-device-width: 480px" - один скрипт, а для остальных - другой.
if (выбор телефонов с экраном до 480) {
$("#nav ul li").click(function(){
$(this).next().slideToggle(500);
});
};
else {
$("div#nav ul li").mouseover(function() {
$(this).find('ul:first').show();
});
$("div#nav ul li").mouseleave(function() {
$("div#nav ul li ul").hide();
});
};
Проблема в том, что я никак не могу понять, как выбрать такие телефоны. использовать "(window).width()" не получится, так как сейчас маленькие телефоны имеют такое же разрешение, как и десктопы.
В общем, как мне выбрать в яваскрипте то устройство, которую мета-мег CSS - media мне выбрал ("screen and (max-device-width: 480px)")?