Всем привет. Столкнулся с такой задачей, что есть интернет магазин и куча разных блоков, важной информацией и т.д (
colorkid.ru/stolberi/). Все это дело нужно сделать адаптивным. И у меня начались проблемы...
При уменьшении экрана, я через appendChild переношу блоки по дереву и тут полная котовасия происходит. Мало того, что блоков которые нужно перенести накапливается куча и их опять же нужно возвращать в исходное положение при расширении экрана, но еще функция которая все это делает, срабатывает через раз. Реально! Функция вида
function f(){....}
window.onload = function() {
window.onresize = f;
f()
}
срабатывала через раз а то через 2. Т.е. при изменении экрана эта функция вызывала функцию f, которая все переносила элементы по dom, работала не стабильно.
Вообщем я намучился с этим подходом и решил, что адаптивность буду делать только через медиа запросы, пусть будет все проще, зато надежнее.
А как у вас с этим делом? Вообще кто-нибудь пользуется JS что-бы сделать верстку адаптивно-резиновой? Где что почитать, как это делается по уму?
