DarkSmoke
Advanced Member | Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Идея какая, беру смартфон, вертикально.
Вижу сайт с двумя столбцами.
Поворачиваю смартфон, горизонтально.
Вижу сайт с 4 столбцами.
П.С. у смартфонов разное бывает разрешение, по этому где 3 столбца, где 4.
Беру планшет вертикально, вижу сайт с 4 столбцами
Беру планшет горизонтально, наверное вижу весь сайт.
Код:
<script>
$(document).ready(function(){
$(function() {
if($(window).width()<=480) {
$('#bank tr.row').each(function(){
$('td:nth-child(4)').hide();
$('td:nth-child(5)').hide();
$('td:nth-child(6)').hide();
$('td:nth-child(7)').hide();
});
$('.header:nth-child(4)').hide();
$('.header:nth-child(5)').hide();
$('.header:nth-child(6)').hide();
$('.header:nth-child(7)').hide();
}
else if($(window).width()>480 && $(window).width()<=800) {
$('#bank tr.row').each(function(){
$('td:nth-child(4)').show();
$('td:nth-child(5)').show();
$('td:nth-child(6)').show();
$('td:nth-child(7)').show();
});
$('.header:nth-child(4)').show();
$('.header:nth-child(5)').show();
$('.header:nth-child(6)').show();
$('.header:nth-child(7)').show();
}
});
});
</script>
|
Исходя из нерабочего кода, хотел получить в вертикальном положении смартфона, часть сайта скрыта, в горизонтальном положении смартфона контента сайта становится больше. |
