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

当分辨率小于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;
    }
}

在这里，这两段代码就可以根据手机分辨率的大小来显示字体的大小。