Как перевести ширину в проценты css?

Question

[Андрей Фролов]

Создал контейнер с шириной 1040px в котором естественно находится весь контент сайта, хочу перевести в % но не знаю как.
Ширина body: 1187px

1040px/1187*100=87.61583824768324% как записал все в процентах все разъехалось и не выглядит как на макете.
В чем моя ошибка подскажите пожалуйста.В заранее спасибо!

Answer 1

[Anton fon Faust]

Естественно, что не будет выглядеть.
Проценты они ведь такие - считаются от разных значений у разных свойств (у margin-top - от ширины родителя, у translateX - от ширины блока, к которому применяете translate).
Так что тут арифметикой здравый смысл не победишь.
Если хотите пропорционально смасштабировать, проще использовать препроцессор и замену)

Answer 2

[Ankhena]

Ширина body: 1187px

А если у другого человека другое значение? Т.е. не если, а просто другое.

Если вам нужен фиксированный контейнер 1040px, то так и надо его задавать. Зачем проценты, если он фиксированный?

Если ширина контейнера все таки резиновая и зависит от ширины окна и, к примеру, вам нужны отступы по 5% с каждой стороны, то ширина контейнера будет 90%.