Показать сообщение отдельно
  #5 (permalink)  
Старый 19.11.2014, 23:46
Новичок на форуме
Отправить личное сообщение для learner Посмотреть профиль Найти все сообщения от learner
 
Регистрация: 15.11.2014
Сообщений: 9

Сообщение от krasovsky Посмотреть сообщение
Вот
http://jsfiddle.net/czo3c2er/
Спасибо за ответ, Ваш скрипт работает, но это не то, что мне нужно. В Вашем скрипте блок, с заданными шириной и высотой подстраивается под искусственно изменённое окно. То есть, при загрузке страницы получаем блок с первичными параметрами, а если мышью изменить размер окна, то блок растянется на всю его площадь.
У меня же стоит задача для адаптивного дизайна, и тут речь идёт о первоначальной загрузке когда блок, ставший из горизонтального положения в вертикальное за свою ширину должен взять высоту окна просмотра того девайса, но который он загрузится. тут дело не в ресайзе окна мышью.
Повторюсь, вот скрипт, который это делает, он переписан мною методом тыка с другого скрипта, но он работает.
onload = function() {
            var div  = document.getElementById("nav");
            var html = document.documentElement;
            div.style.width = window.innerHeight + "px";
       }

Для решения не хватает лишь задать ему условие ширины окна при котором он ширине nav придаст высоту окна. Как его переписать так, чтобы он срабатывал только при ширине окна 320рх и меньше?
Не знаю правильно ли я понял Ваш ответ и грамотно ли объяснил мой вопрос.
Ответить с цитированием