Отступ при ресайзе?

Question

[Aleksandr]

Есть такой пример
Не могу понять, как в менб сделать, чтобы при уменьшение высоты браузера, расстояние между li тоже менялось.
Не задавать медиа запросы для каждого разрешения, а именно в % менялись.

Answer 1

[Сергей delphinpro]

jsfiddle.net/atq3L4yr/5
Дальше дорабатывайте сами до нужной кондиции )

Comments

[al3ch5]

И где тут risize li?

[Aleksandr]

al3ch5: А причем тут ресайз li?

[al3ch5]

Да это моя не внимательность при чтении вопроса! Тогда, след. вопрос, где применяется уменьшение высоты li при уменьшении высоты браузера?

[Aleksandr]

al3ch5: А вы точно прочитали вопрос?) мне нужно было, чтобы менялось расстояние между li. В ответе, который предложил Сергей, это потрясающе реализовано.
PS пора походу читать про flex :)

Answer 2

[al3ch5]

Как то так.

Answer 3

[Андрей Б.]

Задайте ширину ul не в px, а в %. Если нужна фикс ширина, то никак, разве что использовать единицы vh в margin.

Comments

[Aleksandr]

Не совсем понял, причем тут ширина? Если мне нужно, чтобы margin-top и margin-bottom менялись.
На всякий случай попробовал - такая же фигня :(

[Андрей Б.]

Как причем? Вы задали margin в 10% так? А как по вашему считаются проценты, относительно чего? Считаются они относительно размера своего родителя. А в у вас родитель ul имеет фикс ширину в 260px, соответственно он не изменяет свой размер и отступы тоже не меняются.
Поэтому или задавайте ширину для родителя в % или margin в vw.

[Андрей Б.]

Прошу прощения, не vw а vh

Answer 4

[Никита К.]

Использовать vh для отступов?