Съезжает фон на сайте

Когда приближаю в браузере, картинка съезжает вправо, как пофиксить?

.container2
	{
		margin: 0px auto;
		width: 1920px;
		
	}
  
  #banner
	{
		position: relative;
		padding-bottom: 470px;
		background-image: url("images/banner.jpg");
		background-position: center;
	}
<div id="banner" class="container2">
		<span>текст текст</span>
		<span1>текст текст</span1>
	</div>


Ответы (1 шт):

Автор решения: Денис

когда ты приближаешь, экран становится меньше (в пиксилях), у тебя container2 вообще на всю ширину растянут, вот и получается что она едит, вообще сайты не предназначены чтобы их просто увеличивать, но фиксится это медиа запросом (в css: @media). Вообще он используется для адаптации, но работает он так, что ты задаёшь другие стили под другие размеры, получается что это исправит проблему в приближении, когда экран будет меньше. почитай документацию про @media

→ Ссылка