您的位置:首页 > 其它

手机分辨率大小自适应功能

2017-06-21 15:07 253 查看
当分辨率小于480的时候,footer中的文字由于太大会显示三行,如何去处理?

在这里,可以使用,媒体查询。

当媒体查询大于480px小于640px时:

@media  (min-width: 480px) and (max-width: 640px){
#footer .bottom{
font-size: .13rem;
}
}


当媒体查询小于480px

@media   (max-width: 480px){
#footer .bottom {
font-size: .10rem;
}
}


在这里,这两段代码就可以根据手机分辨率的大小来显示字体的大小。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  手机 分辨率 自适应