фон имеет ширину окна просмотра

Question

Раздражающая проблема

Когда я увеличиваю масштаб окна моего окна просмотра (происходит в Firefox, Chrome), а затем прокручиваю по горизонтали вправо, мои фоновые изображения обрезаются

изображения лучше всего изображаютчто происходит:

увеличение

- изображение имеет такую ​​же ширину, как окно просмотра

уменьшение масштаба - проблема не решаетсяможет произойти

Вот некоторые разделы из моего css, которые могут иметь отношение:

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body{ width: 100%; }
header#header { width: 100%; }
header#header #background-image {
  height: 150px;
  background: url(/images/header/silhouette.png) repeat-x;
} 

Это происходит с применением и без применения cssgradients -тут действительно в тупик

Answer 1

Исправление для этого состоит в том, чтобы установить минимальную ширину на теле:

body{ width:100%;min-width: 1002px; }

Это устраняет проблему во всех браузерах, которые у меня есть, а также в iphone (согласно iphonetester , хотя я понимаю, что, вероятно, лучше сейчас добавить несколько медиа-запросов, чтобы действительно дать лучшее решение для портативных пользователей