375的设计稿 100px == 1rem
计算方法:屏幕尺寸/设计稿尺寸*100
@media screen and (min-width: 300px) {html{font-size:80px;}}
@media screen and (min-width: 375px) {html{font-size:100px;}}
@media screen and (min-width: 414px) {html{font-size:110.4px;}}
@media screen and (min-width: 540px) {html{font-size:144px;}}
@media screen and (min-width: 750px) {html{font-size:200px;}}
@media screen and (min-width: 960px) {html{font-size:256px;}}
750的设计稿 100px == 1rem
计算方法:屏幕尺寸/设计稿尺寸*100
@media screen and (min-width: 300px) {html{font-size:40px;}}
@media screen and (min-width: 375px) {html{font-size:50px;}}
@media screen and (min-width: 414px) {html{font-size:55.2px;}}
@media screen and (min-width: 540px) {html{font-size:72px;}}
@media screen and (min-width: 750px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:128px;}}