手机网站不同尺寸设置字体的样式 | 胡鹏博客
首页 > CSS样式 > 手机网站不同尺寸设置字体的样式
2015十一月16

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

板式一:

@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%;}

}
更多

文章作者:东莞seo
本文链接地址:http://www.seostudying.com/1984.html
欢迎转载,转载请注明出处»胡鹏博客 [手机网站不同尺寸设置字体的样式]

本文目前尚无任何评论.
您必须在 登录 后才能发布评论.