Стандартный код для адаптивной верстки

Allality
На сайте с 15.05.2010
Offline
75
939

Подскажите, где можно найти готовое универсальное решение, т.е. стандартный код для создания сайта с адаптивной версткой (@media и пр.).

Все, что нахожу - это невнятные туториалы с такими же примерами. Ведь наверняка кто-то сел, сделал и поделился с миром универсальными лэйаутами.

D
На сайте с 14.01.2007
Offline
153
#1
Allality
На сайте с 15.05.2010
Offline
75
#2

Спасибо. Это запасной вариант, хотелось бы обойтись без JS на 80 Кб.

Дело в том, что сайт наипростейший, т.е. хочется минимум графики, JS и CSS.

На сколько я понимаю, чтобы решить задачу, нужно несколько строчек в CSS и небольшой JS скрипт в 1 Кб для "резиновых" картинок (уже используется).

Ayavryk
На сайте с 11.10.2003
Offline
209
#3
Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
sabotage
На сайте с 14.02.2007
Offline
192
#4
Allality:
небольшой JS скрипт в 1 Кб для "резиновых" картинок

Скрипач JS не нужен

max-width: 100%;
Allality
На сайте с 15.05.2010
Offline
75
#5

Спасибо, остановился на Toast.

---------- Добавлено 05.04.2014 в 09:21 ----------

sabotage:
Скрипач JS не нужен

На сколько я понимаю, без JS далеко не везде картинки будут уменьшаться до ширины экрана.

sabotage
На сайте с 14.02.2007
Offline
192
#6

Allality, это неправда.

dendav
На сайте с 18.03.2010
Offline
51
#7

В некоторых случаях кроме max-width: 100%; желательно добавлять height: auto !important; - так как всякие wisiwyg-редакторы (CKeditor, например) любят дописывать ширину-высоту картинки прямо в style тега img и картинка не изменяется по вертикали.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий