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

 1 @media only screen and (max-width:340px) {
 2     html,input{
 3         font-size:80%;
 4     }
 5 }
 6 
 7 @media only screen and (max-width:450px) {
 8     html,input{
 9         font-size:90%;
10     }
11 }
12 
13 /* 当屏幕最大值为 819px 时，即：屏幕宽度小于819px时 */
14 @media only screen and (max-width: 819px) {
15 
16 }
17 
18 /* 当屏幕最小值为 818px 时，即：屏幕宽度大于818px时 */
19 @media only screen and (min-width: 818px) {
20 
21 }

 

转载于:https://www.cnblogs.com/microhuu/p/5498036.html