例如你的设计稿如果是宽720px的话,那你的文字就要以原始大小除以11.25,例如16px的话就要16/11.25这样来计算。我的意思是不用像素,用rem,因为px是写死的,rem是可以适应手机端的(包括盒子的宽高都是要以rem来计算)。另外,用之前要把下面这段代码放到你css文件里:
@media only screen and (max-width: 1080px) {
html, body {
font-size: 16.875px
}
}
@media only screen and (max-width: 960px) {
html, body {
font-size: 15px
}
}
@media only screen and (max-width: 800px) {
html, body {
font-size: 12.5px
}
}
@media only screen and (max-width: 720px) {
html, body {
font-size: 11.25px
}
}
@media only screen and (max-width: 640px) {
html, body {
font-size: 10px
}
}
如果宽是720,就除以它相对应的那个值,如果是宽960,就除以960相对应的那个值,这么说应该可以明白吧。
纯手打,望采纳~