媒体监听

    @media screen and (max-width:320px){
        html{font-size:85.3334px;}
        #footer{height: 40px;}
    }
    @media screen and (min-width:321px) and (max-width:365px){
        html{font-size:96px;}
        #footer{height: 50px;}
    }
    @media screen and (min-width:365px) and (max-width:375px){
        html{font-size:100px;}
        #footer{height: 50px;}
    }
    @media screen and (min-width:376px) and (max-width:414px){
        html{font-size:110.4px;}
        #footer{height: 50px;}
    }
    @media screen and (min-width:415px) and (max-width:568px){
        html{font-size:151.4666px}
        #footer{height: 50px;}
    }
    @media screen and (min-width:569px) and (max-width:667px){
        html{font-size:177.8666px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:569px) and (max-width:590px){
        html{font-size:171px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:590px) and (max-width:610px){
        html{font-size:160px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:610px) and (max-width:660px){
        html{font-size:196.2666px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:660px) and (max-width:700px){
        html{font-size:178px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:700px) and (max-width:733px){
        html{font-size:196px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:733px) and (max-width:768px){
        html{font-size:197px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:768px) and (max-width:1024px){
        html{font-size:205px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:1024px) and (max-width:1030px){
        html{font-size:274px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:1030px) and (max-width:1370px){
        html{font-size:364px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:1370px) and (max-width:1800px){
        html{font-size:427px}
        #footer{height: 54px;}
    }
    @media screen and (min-width:1800px) and (max-width:3000px){
        html{font-size:683px}
        #footer{height: 54px;}
    }