(原)css 响应式媒体查询 模板

 @media only screen and (max-width:340px) {
     html,input{
         font-size:80%;
     }
 }

 @media only screen and (max-width:450px) {
     html,input{
         font-size:90%;
     }
 }

 /* 当屏幕最大值为 819px 时，即：屏幕宽度小于819px时 */
 @media only screen and (max-width: 819px) {

 }

 /* 当屏幕最小值为 818px 时，即：屏幕宽度大于818px时 */
 @media only screen and (min-width: 818px) {

 }