HTML/CSS-在不调整视口大小的情况下定位粘贴和变换

在我的网站中，我有使用转换的元素。我注意到这些变换可以调整视口的大小。通常，我会通过给出html和body

overflow-x:hidden

来解决这个问题，但是我的标题

position:sticky

不起作用

如何防止转换的元素调整视口的大小并继续使用

位置：sticky

我在下面添加了一个示例

*{
保证金：0；
填充：0；
框大小：边框框；
}
.天平{
填充：100px；
宽度：100%；
高度：400px；
背景颜色：绿色；
变换：尺度（2）；
位置：相对位置；
z指数1；
}
标题{
位置：粘性；
职位：-网络工具包粘性；
排名：0；
左0；
右0；
高度：50px；
背景色：红色；
z指数：2；
}

我希望此标题保持粘性
但是我不希望这个div调整视口的x轴大小。

使用另一个可以应用溢出的容器：hidden

*{
保证金：0；
填充：0；
框大小：边框框；
}
.天平{
填充：100px；
宽度：100%；
高度：400px；
背景颜色：绿色；
变换：尺度（2）；
位置：相对位置；
z指数1；
}
.集装箱{
溢出：隐藏；
}
标题{
位置：粘性；
职位：-网络工具包粘性；
排名：0；
左0；
右0；
高度：50px；
背景色：红色；
z指数：2；
}

我希望此标题保持粘性
但是我不希望这个div调整视口的x轴大小。