如何优化个人网站在竖屏移动设备上的显示效果？

问题详情 #

我的个人网站在移动设备上显示效果不符合预期，希望调整到目标样式。此前尝试过Stack Overflow搜索及ChatGPT咨询，均未找到有效解决办法，现寻求技术支持。

效果对比 #

• 当前移动端显示效果：
• 期望移动端显示效果：

现有代码 #

HTML代码 #

<!-- 粘贴你的完整HTML代码片段 -->

CSS代码 #

/* 粘贴你的完整CSS代码片段 */

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