一聚教程网:一个值得你收藏的教程网站

热门教程

手机网站不同尺寸设置字体的样式的方法

时间:2022-06-25 09:28:11 编辑:袖梨 来源:一聚教程网

板式一:

@media screen and (min-) {
 body{font-size:75%;}
}
@media screen and (min-) {
 body{font-size:87.5%;}
}
@media screen and (min-) {
 body{font-size:112.5%;}
}
@media screen and (min-) {
 body{font-size:125%;}
}
@media screen and (min-) {
 body{font-size:150%;}
}

板式二:

@media only screen and (min-){
 body{font-size:16px;}
 .wai{}
}
@media only screen and (min-) and (max-){
 body{font-size:16px;}
 .wai{}
}
@media only screen and (min-) and (max-){
 body{font-size:14px;}
 .wai{width:100%;} 

}
@media only screen and (min-) and (max-){
 body{font-size:12px;}
 .wai{width:100%;} 
}
@media only screen and (max-){
 body{font-size:12px;}
 .wrapper{width:100%;}

}

热门栏目