使用媒体查询方法来定义网页字体大小

@media only screen  and (max-width: 414px) {
p{font-size: 16px; }
.stitle_zt p{font-size: 10px; }
}
 
@media only screen and (min-width: 415px) and (max-width: 640px) {
p{font-size: 18px; }
}
 
@media only screen and (min-width: 641px) and (max-width: 800px) {
p{font-size: 30px;}
}
 
@media only screen and (min-width: 801px) and (max-width: 1024px) {
p{font-size:36px ;}
}
@media only screen and (min-width: 1025px) {
p{font-size:40px ;}
}
posted @ 2018-01-02 11:49  紫云传芳  阅读(930)  评论(0)    收藏  举报