CSS之响应式网页设计入门

1、核心CSS代码：

@media screen and (max-width:460px){
    
    .hidden{
        display: none;
    }
   
    .mian-form{
        width: 100% !important;
    }

    .mian-form input{
        width: 100%;
    }

    .mian-form button{
        margin-left: 0;
    }

    .header-nav-area ul{
        position: absolute;
        left: 0;
        top: 55px;
        display: none;
    }
    .header-nav-area ul li{
        float:  none;
    }
}