1.对于只需要适配手机设备,使用px即可;
2.对于需要适配各种移动设备,使用rem;
例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备
rem配置参考:
html {font-size:10px}
@media screen and (min-480px) and (max-639px) {
html {
font-size: 15px
}
}
@media screen and (min-640px) and (max-719px) {
html {
font-size: 20px
}
}
@media screen and (min-720px) and (max-749px) {
html {
font-size: 22.5px
}
}
@media screen and (min-750px) and (max-799px) {
html {
font-size: 23.5px
}
}
@media screen and (min-800px) and (max-959px) {
html {
font-size: 25px
}
}
@media screen and (min-960px) and (max-1079px) {
html {
font-size: 30px
}
}
@media screen and (min-1080px) {
html {
font-size: 32px
}
}