网站缩放后结构错乱，修改CSS后问题加剧，寻求技术帮助

Hey folks, I’m currently maintaining a website and ran into a tricky layout issue. When users zoom out on the site, the structure gets messed up—so I tried tweaking the CSS to fix it, but things ended up even worse! 😅

I’m hoping someone here can help me get this sorted out. To make it easier for you to diagnose, could you share a few key details:

• The relevant CSS snippets you modified (especially layout-focused rules like grid, flexbox, width/max-width properties)
• Screenshots showing both the original zoom-out layout break and the even worse state after your changes—visuals go a long way in pinpointing the problem!
• Whether you’re using any layout frameworks (like Bootstrap, Tailwind) or custom grid systems on the site

Thanks in advance for any help you can offer!

内容的提问来源于stack exchange，提问作者Daiyan