У меня есть небольшая проблема, когда мое навигационное меню подходит для мобильного устройства - iphone/ipad. click here Я поставил свои свойства CSS к следующему:навигационное меню не подходит для мобильных браузеров
#wrapper{
max-width: 1600px;
min-width: 320px;
width: 100%;
margin: 0 auto;
position: relative;
}
#header{
max-width: 1018px;
min-width: 320px;
width: 100%;
margin: 0 auto;
}
#social-tabs{
display: block;
padding: 4px;
margin: 5px 0px;
}
#nav-menu{
margin: 0 auto;
width: 100%;
max-width: 1018px;
min-width: 320px;
}
Я также применить изменения размера экрана на моем сайте, но я все еще не имея никакой радости ..
function reSize($target){
$target.css('width', $(window).width()+'px');
}
$(document).ready(function(){
$(window).bind('resize', reSize($('#header')));
$(window).trigger('resize');
});
Есть кто там, кто может забрать, где я иду не так?
Удалите решение javascript и используйте запросы css media. – sabithpocker
Argh! Я пытался найти короткий снимок – NewBoy
Если у вас есть какие-либо проблемы с медиа-запросом/css, вы можете спросить, я буду рад помочь. – sabithpocker