标题问题 - 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)
    ...
}

由于header元素（很可能）是一个块级元素，因此它占用的宽度空间最大。然后你将它放大10％，它变得比它的容器大。无论如何，那是我的赌注。