如何在不受缩放影响的情况下集中html网页中的所有内容？

我不太擅长HTML和CSS。我已经尽力创建了一个网页。但在缩放时，它似乎被破坏了。只有徽标和语言转换器损坏。我不知道怎么解决这个问题。有谁能建议我如何解决这个问题吗？

---

这是我的网页链接：corailhelico.com

在您的案例中，您有一个带有徽标和语言切换的标题

我使用了带有logo的header div和带有flex的language div

注意：不要像对齐元素的
“450px”
那样使用px的边距，它根本不响应

弹性指南：


html，正文{
最小高度：100%；
身高：100%；
}
身体{
显示器：flex；
弯曲方向：立柱；
保证金：0；
}
.标题{
高度：80px；
背景:#f5；
对齐项目：居中；
显示器：flex；
填充：0 10px；
}
.标题.徽标{
显示器：flex；
保证金：自动；
}
.标题img{
宽度：180px；
高度：50px；
}
.标题.语言{
保证金：0自动15px；
}

语言
在我的双屏屏幕上，如果您想要屏幕宽度的div，请不要使用静态宽度。使用
100%
并删除你的
左、右、下、上
，在你的情况下它是无用的。