Ширина фона равна ширине порта просмотра

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

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

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

увеличить

zoom in - ширина изображения равна ширине окна просмотра

увеличить масштаб - проблема не возникает

zoom out - problem gone

Вот некоторые разделы моего 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 и без них - здесь действительно озадачено

9
задан Awais 14 November 2019 в 07:14
поделиться