首页 > 网站优化 > css

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

发布时间:2016-10-10 07:06

在手机开发中我们有一些字体操作了,今天我们来看一篇关于手机网站不同尺寸设置字体的样式的方法,希望文章能够帮助到大家。

板式一:

@media screen and (min-width:320px) {
 body{font-size:75%;}
}
@media screen and (min-width:480px) {
 body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
 body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
 body{font-size:125%;}
}
@media screen and (min-width:640px) {
 body{font-size:150%;}
}

板式二:

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

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

}

标签:[!--infotagslink--]

您可能感兴趣的文章: