Как задать расстояние между элементами горизонтального списка li в процентах?

Question

[Dude-1]

Мне надо сделать так, чтобы расстояние было прописано в процентах, хочу сделать адаптивный дизайн, а из за пикселей
все друг на друга налазит.
jsfiddle.net/6qc74foj

Comments

[lamer350]

вы знаете как считается em? почему вы используете .95em? как вы себе представляете отображение шрифта в размере 15.2px?

[Ankhena]

lamer350, 0.95em мало чем отличается от 0.5em при родительском, например, в 13px.

[lamer350]

Ankhena, ну и я об этом, что люди использующие em не понимаю вообще как с ним работать, в итоге мыльные шрифты получаются

[Ankhena]

lamer350, ну и как же вы можете себя обезопасить от нецелых пикселей при использовании em?

[lamer350]

Ankhena, использовать кратные и логичные размеры, например 0.875em - это 14px и тд. Только сейчас нужно еще и задавать стандарт для всего html документа в пикселях, ибо некоторые браузеры начали стандартный размер шрифта из коробки увеличивать/уменьшать и от сего плывет верстка. Больше всего страдают иконочиные шрифты на сайтах.

[Ankhena]

lamer350, я знала, что вы сделаете мой понедельник )))

Правильно, давайте скажем пользователю, что плевать мы хотим на его настройки.

от сего плывет верстка

Верстка плывет не от этого

[lamer350]

Ankhena, ну да, да) мы же в 90х, на сайтах кроме текста ничего нет!
Каждый второй пост о иконках и шрифтах на тостере именно из за вышеописанных проблем)

Answer 1

[Shinso]

Ну можешь задать для

li{
display: inline-block;
width:18%;
}