标头问题-CSS转换（视差）

Question

这是我的视差标头。 问题在于，使用transform属性获得更好的视差效果时，整个标头变得更大并且超出了边界。 我怎样才能解决这个问题？

header {
    border:none;
    color:black;
    background-image:url('<?php echo $imgURL ?>');
    height:100vh;
    background-repeat:no-repeat;
    background-position: center center;
    background-attachment:fixed;
    transform: translateZ(0px) scale(1.1);
    z-index:0;
    overflow: hidden;
}

Answer 1

虽然很难看到您的HTML或JSFiddle ，但是我敢打赌，这个属性的问题是：

header {
    ...
    transform: ... scale(1.1)
    ...
}

由于标头元素是（最有可能是）块级元素，因此它占用了可用宽度最大的空间。 然后将其放大10％，并且变得比其容器大。 无论如何，那是我的赌注。