Html 使用CSS进行网页缩放会导致失真

下面的代码是有人慷慨地帮助我的，因为我是CSS的新手！，缩小浏览器窗口的宽度时，图像和链接会失真

如果我缩小浏览器窗口的高度，当它低于我想要的图像宽度时，滚动条就会出现。因此，缩小高度效果很好，但缩小宽度会导致失真。我希望链接和图像始终保持在中间，但一旦浏览器窗口变得小到包含它，我希望滚动条发挥作用。

任何帮助都将不胜感激！这是密码

html{ 身高：100%； 宽度：100%； 显示器：flex； } 身体{ 保证金：自动； } 导航{ 计数器重置：链接； 显示器：flex； 填充：0.1em； } img{ 边缘：1米； } 保险商实验室{ 填充：0； 保证金：自动； 列表样式类型：无； } .a_字体{ 字体大小：25px； } 不使用JavaScript：

---

使用Javascript检测屏幕宽度并移除缩放CSS，browserWorks会自动放置滚动条，很棒！非常感谢你的帮助@塞巴斯蒂安，如果有帮助，请将答案标记为解决方案。谢谢

body {
    margin:auto;
    min-width: 600px; //or some other value
    overflow: scroll;
}