html {
            scroll-behavior: smooth;
        }
        /* 方案一 (推荐): 使用 aspect-ratio 自动控制比例 */
        .banner-with-ratio {
            /* 1. 设置背景图 (这里请求的图片比例是 1920:730) */
            background-image: url('//ueeshop.ly200-cdn.com/u_file/UPBD/UPBD914/2605/21/photo/banner1.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            
            /* 2. 用 aspect-ratio 强制容器保持 1920:730 的比例 */
            /* 这样当宽度为 1920px 时，高度自动为 730px；宽度 500px 时，高度自动约为 190px */
            aspect-ratio: 1920 / 730; 
            
            /* 或者如果需要移动端不同比例，可以用媒体查询覆盖 aspect-ratio */
        }
        
        /* 示例：移动端 (宽度小于768px) 时，强制容器保持另一个比例 (比如 750:1000) */
        @media (max-width: 767px) {
            .banner-with-ratio {
                /* 移动端更换另一张竖版背景图 */
                background-image: url('//ueeshop.ly200-cdn.com/u_file/UPBD/UPBD914/2605/24/photo/750-1000.png');
                /* 并更改容器的比例以匹配新图片 */
                aspect-ratio: 750 / 1000;
            }
        }