Съезжает фон на сайте
Когда приближаю в браузере, картинка съезжает вправо, как пофиксить?
.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