Как сделать резиновый блок с резиновыми картинками внутри?

Question

[Олег Морев]

Добрый вечер), есть такая плашка с иконками jsfiddle.net/w4Lpe4co
Как сделать чтобы при сжимания окна браузера картинки и сама плашка сжимались и так же отступы между картинками

Надо сделать примерно как тут mobile.rsb.ru/.

Конкретно интересует следующее:

1. Почему у меня шапка не сжимается по высоте при уменьшении экрана, на rsb сжимается:)
   
2. Почему не уменьшаются картинки? (про вставить через img не говорить ничего и не предлагать:)
   
3. Когда делаешь адаптивно-резиновую вёрстку, высоты и отступы делать через % или em?
   
4. Можно ли делать чтобы при уменьшении окна браузера текст тоже маштабировался как-то, или только через mq менять на определенном расширении?
   

Answer 1

[Максим Тимофеев]

Используйте относительные единицы vh и vw, которые зависят от размера экрана.

Answer 2

[Виталий Инчин ☢]

Почему у меня шапка не сжимается по высоте при уменьшении экрана, на rsb сжимается:)

А должна? Высота то в em указана...

(про вставить через img не говорить ничего и не предлагать:)

Очень интересно почему? Обычно так и делают, это очень удобно.

Когда делаешь адаптивно-резиновую вёрстку, высоты и отступы делать через % или em?

И то и другое полезно в меру.

Можно ли делать чтобы при уменьшении окна браузера текст тоже маштабировался как-то, или только через mq менять на определенном расширении?

Нет, только через mq/js.