首页 > 移动平台 > 详细

做手机响应式

时间:2017-07-07 23:57:53      阅读:415      评论:0      收藏:0      [点我收藏+]


@media only screen and (max-width:1920px){
html,body{
font-size:60px;
}
}
@media only screen and (max-width:1600px){
html,body{
font-size:50px;
}
}
@media only screen and (max-width:1440px){
html,body{
font-size:45px;
}
}
@media only screen and (max-width:1360px){
html,body{
font-size:42.5px;技术分享

}
}
@media only screen and (max-width:1280px){
html,body{
font-size:40px;
}
}
@media only screen and (max-width:1080px){
html,body{
font-size:33.75px;
}
}
@media only screen and (max-width:960px){
html,body{
font-size:30px;
}
}
@media only screen and (max-width:720px){
html,body{
font-size:22.5px;
}
}
@media only screen and (max-width:640px){
html,body{
font-size:20px;
}
}
@media only screen and (max-width:540px){
html,body{
font-size:16.875px;
}
}
@media only screen and (max-width:480px){
html,body{
font-size:15px;
}
}
@media only screen and (max-width:414px){
html,body{
font-size:13px;
}
}
@media only screen and (max-width:400px){
html,body{
font-size:12.5px;
}
}
@media only screen and (max-width:360px){
html,body{
font-size:11.25px;
}
}
@media only screen and (max-width:320px){
html,body{
font-size:10px;
}
}

 

技术分享

有交集现象

做手机响应式

原文:http://www.cnblogs.com/aivnfjgj/p/7134468.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!