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

 1 @media only screen and (max-340px) {
 2     html,input{
 3         font-size:80%;
 4     }
 5 }
 6 
 7 @media only screen and (max-450px) {
 8     html,input{
 9         font-size:90%;
10     }
11 }
12 
13 /* 当屏幕最大值为 819px 时，即：屏幕宽度小于819px时 */
14 @media only screen and (max- 819px) {
15 
16 }
17 
18 /* 当屏幕最小值为 818px 时，即：屏幕宽度大于818px时 */
19 @media only screen and (min- 818px) {
20 
21 }
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/microhuu/p/5498036.html