Верстка. Растягивание div

Question

[night_amir]

Друзья, нужно сделать так, чтобы на маленьком экране элемент был по высоте 110px, а при зумаут или при просмотре на большом экране один элемент растягивался максимум на 225 px. Где копать? :)

Comments

[night_amir]

Зумаут — это ктрл + -. То есть уменьшение. Я уже нашел решение по подсказанной статье habrahabr.ru/post/141199/.

Answer 1

[FeNUMe]

С разными размерами экрана вам помогут CSS media queries. почитать про них с примерами можно тут habrahabr.ru/post/141199/. А вот с зумом как быть не знаю, пожалуй только на лету переключать стили с помощью javascript отлавливая событие зума.

Answer 2

[IkaR49]

А как насчёт использования min-/max-height и min-/max-width?

Comments

[night_amir]

Если вы подскажите как их можно было бы использовать — было бы здорово!

[wearymax]

Или параметр viewport — dev.w3.org/csswg/css-device-adapt