vip

Не совсем то, вот так должно работать, только относительно родителя а не viewport http://jsfiddle.net/danield770/8VJ38/410/

Пока вот такое https://jsfiddle.net/digitalmedia/ok6hbpx6/4/ Нужно чтобы блок aspectRatio пропорционально тянулся на 100% ширину и 70% высоту родителя, в зависимости, что больше. Т.е. если окно броузера уменьшить по высоте, то aspectRatio будет по высоте занимать 70% родителя, но будет узким, если же окно браузера сделать узким и высоким, то наоборот, по ширине занимает 100%, апо высоте подстраивается.

Сейчас попробую изобразить, чего хочу.

разве скриптом не проще?

Люди добрые помогите скриптом, решающим адаптивный ресайз блока по высоте и ширине по отношению к его родителю. Нашел вот такой скрипт http://habrahabr.ru/post/187406/ но он работает по отношению к окну браузера, а надо чтобы работал по отношению к родительскому блоку и чтобы адаптируемый блок центрировался как по высоте так и по ширине относительно родителя.

а кроме min-height никак? не очень он годится в данном случае

Есть такая конструкция: <div class="contaner"> <div class="header"></div> <div class="content"></div></div>html, body, .container {height:100%}.header{height:30%}.content{height:70%}Если сильно уменьшить браузер по высоте, header становиться настолько маленьким, что его содержимое скрывается. Можно ли сделать, чотбы блок по высоте не становился меньше, чем его содержимое.

Это к чему, простите?

Отредактировал вопрос, и он остался взадворках

Ну это то можно и cssом сделать. нет? зачем тут скрипты? Т.е получается нестандартные страницы правятся разработчиком?

Не совсем понял, что значит "Как есть"? просто заголовок/текст/ картинка? Т.е. если нужно что то нестандартное, обращаются к вам?

Наболел такой вопрос, интересно узнать у спецов, как на практике осуществляется поддержка контента сайтов. Если страница содержит не только заголовок, текст, картинку, а какие то специфические отступы, блоки и др. нестандартно расположенные элементы. Все таки возможности WYSIWYG редактора сильно ограниченны и как правило серетарша поставит 10 пробелов чтобы сдвинуть строку вправо, а не пропишет css class для этого. Напрашивается вывод, что поддержкой сайта должен заниматься человек знающий html/css и способный перейти в html редактирование, чтобы там прописать нужные стили, или есть инструменты, позволяющие и секретаршам расставлять классы, без заглядывания в код страницы? Знаю, что в том же tinyMCE имеется возможность прописать элементу класс, но это довольно сложно для человека далекого от верстки, да и надо держать список классов с описанием, что какой делает.

С недавних пор перестали работать ссылки на скрипты http://cdn.sencha.io/ext-3.4.0/adapter/ext/ext-base.js http://cdn.sencha.io/ext-3.4.0/adapter/ext/ext-all.js Расположил и подключил их локально, но обращение все равно идет к cdn.sencha.io. В чем может быть проблема? ————- Разобрался!

Нашел такой плагин: http://slicknav.com/ там как будто есть опция добавлять контент к оригинальному меню, я правильно понимаю? // iterate over structure adding additional structure var items = $this.mobileNav.find('li'); $(items).each(function () { var item = $(this), data = {}; data.children = item.children('ul').attr('role', 'menu'); item.data('menu', data);

насчет построчности понятно, так и делаю с блоками, только не знал, что это так называется:-) Буду копать

Но получается, в мобильной версии блок меню отличается от десктопново, - добавляются элементы из шапки. а можете здесь подробнее, или где почитать, посмотреть?

Т.е "десктопное" меню прятать (или хедер тоже прятать?) для мобильных девайсов и выводить мобильное через media queries? Могли бы подробнее расписать? Делаю первый адаптивный сайт, с контентной частью все понятно, а вот с шапкой ступор.

Перезалил

Люди добрые, подскажите, как реализовать такую адаптацию хедера и навигации для адаптивного сайта (особенно , как перенести "подать заявку", личный кабинет и поиск после навигации на маленьких разрешениях?). Как вариант наверное можно делать 2 навигации и ява скриптом скрывать/отображать нужную? Или без отдельной мобильной версии сайта тут не обойтись?

Хотел бы поднять тему, пока получилось такое: http://jsfiddle.net/digitalmedia/n7851mwr/ header и content указаны в %. Но не совсем то, нужно чтобы 1) Белые блоки должны менять ширину и высоту пропорционально, при этом ширина должна быть максимально возможная при том что высота не должна превышать 70% высоты родителя. Другими словами, если экран широкий, то для блоков высота будет определяющей, если же экран съузили, то ширина будет определяющей высоту. 2) header и content имеют размер в % по высоте. как сделать, чтобы при уменьшении высоты браузера, высота этих блоков не уменьшалась меньше контента.

Понятно. от дизайна сайта зависит.

скорее при уменьшении высоты уменьшать ширину и высоту конечно. Чтобы на разных разрешениях блок занимал о высоте 50% высоты родительского блока.

Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}

Вы не совсем поняли вопрос, я имел в виду под какое минимальное количество диапазонов разрешений делается адаптивный сайт, к примеру от 200px- до 600px от 601px- до 900px от 901px- до 1200px

ну вот опять никакой конкретики:-) 1) есть ли какая то тенденция, как делается в большинстве случаев? 2) Опять же, как делаете вы? 3) Я спросил, минимум под какие разрешения? В интернете в основном примеры с времен 4 iPhone. Какя понимаю, в bootsrap 3 разрешения: min-width: 768px min-width: 992px min-width: 1200px