CSS: прокрутка вправо при наличии элемента ширины 100%: фон не присутствует в правой части?

Question

Я вижу много сайтов, которые страдают от этого, и я только недавно был погружен в фоны, которые растягиваются на 100% ...

Примеры:

http://brassblogs.com/blog/sticky-footer

http://beanstalkapp.com/

Если вы ограничите ширину браузера и выполните прокрутку вправо, это выглядит визуально не так: фон не переносится.Как вы могли бы исправить это?

Редактировать: хе, как только я сам понял ответ, я получил ответ .... хаха.

Answer 1

Ваша проблема возникает из-за того, что браузер не знает, когда прекратить масштабирование веб-страницы при изменении размера окна.Вам нужно будет указать наименьшую ширину, которую может выдержать ваш дизайн:

html
{
  min-width: 1050px;
}

Размер min-width довольно большой, но если вы сделаете его намного меньше, фон будет вытекать и вызывать проблемы с макетом..

Кроме того, у вас возникнут некоторые проблемы с макетом, если вы будете использовать проценты вместе с границами, полями и отступами (отчасти поэтому фоновые изображения не слипаются должным образом).