Как быть с background?

Question

[Сева]

Добрый день,

есть вот такой безумный макет. Нарисован почему-то для экрана с огромным разрешением. Пытаюсь придумать, как быть с шапкой, чтобы не получалось такого. По идее, было бы здорово как-то так двигать картинку, чтобы в зависимости от разрешения экрана лого было примерно на месте, а лишнее слева пряталось за край окна.

У кого-нибудь есть идеи? Спасибо.

Answer 1

[Сева]

Если кому интересно, решил так: разрезал картинку на две части, а дальше

.logo {
		background-image: url('../img/logo.png');
    height: 222px;
    width: 409px;
		&:after {
				background-image: url("../img/bg-helper.png");
				content: "";
				display: block;
				height: 222px;
				margin-left: -389px;
				position: absolute;
				width: 389px;
		}
}

Answer 2

[Андрей]

Я бы через media queries,наверное,делал

Answer 3

[sergski]

На глаз как то так: фон выровнять по центру, и вложить контейнер с выравнивание по центру, т.е.:

header {background-position: 50% 0;}
.content {margin: 0 auto; width: 1300px;}

<header>
  <div class="content"></div>
</header>