Как использовать position: fixed; при разных разрешениях экрана?

Question

[jack3d]

Есть меню справа, которое при скроле становится

position: fixed;

. Для его позиции нужно указывать отступ сверху и справа. Но при разных разрешениях - меню оступает соотвественно одинаково. И если

right: 350px;

для экрана 1920 по ширине это будет норм отступ, то для экрана 1280 - меню залезат на текст. Я подумал, что можно это решить через

media screen and (min-width: 1920px) {

, но возможно есть более правильные решения?

Answer 1

[Александр Миранович]

Задаешь меню left: 50%; и margin-left: - px , нужное число пикселей, и оно всегда будет стоять на одном месте относительно центра экрана

Comments

[jack3d]

Спасибо. Это то, что нужно.

Answer 2

[IceJOKER]

попробуйте %%, а то px - это фиксированный размер