css媒体查询写法

    /* 大于1000px
    大于640px小于1000px
    小于640px */
    
    tv? 仅限于电视媒体
    orientation: landscape？ 仅限在横屏有效
    , 逗号分隔，意思相当于or
    handheld 手持设备
    。。。还有好多，真六！
    @media (min-width: 1000px) {
        .container{
            font-size: 30px;
        }
    }   

    @media (max-width: 1000px) and (min-width: 640px) {
        .container{
            font-size: 20px;
        }
    }

    @media (max-width: 640px) {
        .container{
            font-size: 12px;
        }
    }