Вёрстка мобильного сайта. Как?

[winston3d]

Привет всем. Недавно заинтересовался вёрсткой под мобильные устройства.

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

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

Надеюсь среди вас есть опытный человек имеющий тесный контакт с этой областью, который разъяснит мне эти вещи. Заранее благодарю.

[sitemaker999]

Метатег viewport

(значения разделяются запятыми)

обязательно поставьте в метатег width=device-width

initial-scale - масштаб по умолчанию (указывается в сколько раз увеличить)

user-scalable - логическое значение, если false - масштабирование выключено, если true - масштабирование включено (по умолчанию true)

CSS селектор @media

all and (условие) and (условие) {
код
}

условия указываются так:

условие:значение

device-width - ширина экрана

device-height - высота экрана

orietation - ориентация устройства (portrait - вертикально, landscape - горизонтально)

можно добавлять в начало max- и min-

(еще не дописано)

Edited May 4, 2013 by sitemaker999

[Svatov]

Вот тут про swipe можете почитать http://habrahabr.ru/company/mailru/blog/165213/

[bigolub]

Здесь ответы на все вопросы - http://twitter.github.io/bootstrap/

[winston3d]

Спасибо всем огромное!