/* 给 iframe 一个容器，方便控制 */
.iframe-container {
    width: 100%;
    margin: 20px auto;
}

/* 默认样式，适用于桌面端 */
.iframe-container iframe {
    width: 100%;
    height: 700px;
    border: 1px solid #ccc; /* 加个边框方便看 */
    box-sizing: border-box; /* 让边框不影响宽度计算 */
}

/* 媒体查询：当屏幕宽度小于等于 768px 时（手机端） */
@media (max-width: 768px) {
    .iframe-container iframe {
        /* 覆盖高度 */
        height: 350px;
    }
}