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

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

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