Адаптивная верстка

http://habrahabr.ru/post/119127/

Посмотри на современные css фреймворки, многие такое умеют.

• http://purecss.io/
• http://getbootstrap.com/
• ...

1. Куришь media queries.
2. Понимаешь, что все эти крутые названия, вроде «адаптивная вёрстка», это такие баззворды.
3. Пишешь как хочешь, используя знания из пункта 1.

media queries

Все фреймворки на них и основаны? Если да, то я как-то даже разочарован, ведь все банально.

А ты чего хотел?

Ну я еще ни разу не верстал адаптивно (только резину, но это не то). Поэтому без понятия что я ожидал. Магии какой-нибудь или сложнейшего кода :)

Таки вопрос-то: то есть эта ваша «адаптивная верстка» и есть суть @media в css3? И всё?..

ну это всетаки учитывает не только разрешения экрана, но можно сказать да

А что еще? А-ля ховеры, не знаю? JavaScript особенный для мобильников? Ну это, вроде как, понятно. Я просто в шоке, что ларчик открывался так просто. Спасибо за ответ, кстати.

учитывай всякий юзер експириенс, уместить верстку на маленьком экране не достаточно, надо оптимизировать опыт взаимодействия с ней, и все такое прочее.

Как я понимаю - это уже не к верстальщику, а к, ээээ, юзабилисту :) Ну или хотя бы к дизайнеру. Верстальщик верстает макет! Бетономешалка мешает бетон!

ну если вопрос чисто реализации то да

Пробовал на бутстрапе объединить в группу инпут с кнопкой. Стоит только добавить класс glyphicon, как кнопка съезжает на 1px вниз. Так и должно работать? http://bootply.com/78381

upd: я понимаю, что это из-за top: 1px; у класса glyphicon, но зачем нужен этот сдвиг?