资源下载 - 从此开始!

下载我_精品源码软件教程资源网

您的位置:首页 > 网络学院 > 正文

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

2018-06-01 16:01 来源:www.xiazaiwo.net 编辑:admin

板式一:

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

}

打赏一下,我们会为大家提供更多优质资源!

相关文章,95%的人会看!{有内幕、有真相...}

看过本文的人还看过

关闭

微信扫一扫

站长微信账号