当分辨率小于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;
}
}
在这里,这两段代码就可以根据手机分辨率的大小来显示字体的大小。