(原)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 }