网站关于板块图片响应式适配失效 调整浏览器窗口时无法自动缩小求助

• 桌面端（窗口宽度>768px）的图片样式设置了固定宽度width: 430px，没有添加最大宽度限制，父容器随窗口缩小时图片不会自适应缩放
• 配套的文本容器.about-text也设置了固定宽度width: 550px，同样没有响应式适配，窗口缩小时会挤压布局，进一步影响图片的缩放表现

修改对应CSS规则即可，无需改动HTML结构：

1. 调整图片基础样式，保留最大宽度的同时适配小尺寸容器：

.about .about-picture img {
    /* 替换原来的固定width:430px */
    width: 100%;
    max-width: 430px;
    height: auto;
}

2. 调整文本容器样式，适配响应式缩放：

.about-text {
    /* 替换原来的固定width:550px */
    width: 100%;
    max-width: 550px;
}

3. （可选）媒体查询中重复设置的.about .about-picture img规则可以删除，因为全局已经适配了所有尺寸下的响应式表现

修改后，窗口宽度大于768px时图片最大宽度保持430px、文本最大宽度保持550px，和原有视觉效果一致；窗口缩小时两个容器会自动等比例缩小，768px以下会自动切换为纵向堆叠布局，完全符合需求。

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