Как сделать так, что бы при уменьшении экрана картинка сужалась с 2 сторон?

Question

[Семён Катапаров]

Как сделать так, что бы при уменьшении экрана картинка сужалась с 2 сторон?
Вот сайт - csduo.net
При уменьшении эта картинка сужается только с одной стороны, а надо что бы с 2, что бы рулетка показывала правильное значение, вот картинка - https://gyazo.com/a887323864a969f26db89af275824b1f

Answer 1

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

У вас маркер точно по центру сделан. И у блока где эта картинка задана бэкграундом есть inline-css - background-position: 0 0;
Поменяйте на background-position: 50% 0; и тогда размер экрана не будет влиять на число под маркером.

Comments

[Семён Катапаров]

Большое спасибо!

[Семён Катапаров]

Хммм... Так не подходит, просто оно через background-position двигается, есть другие варианты?

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

Михаил Дмитриев: Логично. ) Нужно откалибровать код которым вы двигаете, учесть эти 50%. Собственно вопрос вы задавали про как сделать чтобы ужималась картинка с 2х сторон. На это я ответил. А про то как она у вас двигается - это уже второй вопрос. )

Answer 2

[Семён Катапаров]

Хммм... Так не подходит, просто оно через background-position двигается, есть другие варианты?

Answer 3

[eugene_d_dev]

У блока который ее держит сделай width:100%, а у img сделай width:1200px (ну или сколько там тебе надо), а max-width:100%