Отвечу так, все темы связанные с адаптивной версткой подразумевают использование HTML5 и CSS3 это типичный СЕО развод. Ничего, из приведенного в многочисленных статьях работать на реальных мобильниках не будет!! За редким исключением крутого Айфона, но на веру.
Смотрим сюда
caniuse.com/#search=grid по поиску grid и видим, что только часть возможностей есть у FF 28 и Crome 33. И это действительно так. Однако в мобильных версиях существенные ошибки: несоответствие выдаваемых и реальных размеров экрана. То есть адаптивная верстка, но для чего? Можно сказать для планшета, чуть побольше экран (более 1025 по ширине) это фактически воспринимается как компьютер, а менее выглядит как мобильник.
Как же я решил эту проблему. Я взял проверенный движок Cotonti и написал для него кучу расширений, и пока добился отличного результат только для мини Оперы. Вот мой сайт
www.cotonti.mobi Теперь уже не верстка, а использование специальных Ббкодов, которые и дают желанную адаптивную верстку.
На новый год, мне подарили хороший смартфон на андроиде. Мой MobiCot - PHP Mobile Content Management Framework исключительно хорошо смотрится на мине Опере, я даже не ожидал на сколько это хорошо получилось (раньше были мобильники и планшеты). Особенно замечательно стали выгодны мои версии статей на PDF. Андроид их замечательно скачивает и они воспроизводятся его читалками. Что, как понял, удобно читателям, не надо все время инета. Это направление я, естественно буду решать.
Мой совет, найдите для вашего движка плагин подключения мобильников и не паритесь с адаптивной версткой. Я, сайтов, работающих на реальных мобильников с сетками пока, практически не встречаю. Есть мобильные приложения, но это совсем другое.
Простой
Средний
