How the mobile side defines the font font-family
Chinese font Use system default, English with Helvetica
/* Code to define the font for the mobile side */
Body{font-family:helvetica;}
Refer to "Thinking of using fonts on the mobile side"
Mobile font Unit font-size Select px or REM
For devices that only need to be adapted to a mobile device, use the PX
For devices that need to be adapted to a variety of mobile devices, use REM, such as a device that only needs to be adapted to different resolutions, such as iphone and ipad.
REM Configuration reference:
Copy Code
HTML {font-size:10px}
@media screen and (min-width:480px) and (max-width:639px) {
HTML {
font-size:15px
}
}
@media screen and (min-width:640px) and (max-width:719px) {
HTML {
font-size:20px
}
}
@media screen and (min-width:720px) and (max-width:749px) {
HTML {
font-size:22.5px
}
}
@media screen and (min-width:750px) and (max-width:799px) {
HTML {
font-size:23.5px
}
}
@media screen and (min-width:800px) and (max-width:959px) {
HTML {
font-size:25px
}
}
@media screen and (min-width:960px) and (max-width:1079px) {
HTML {
font-size:30px
}
}
@media screen and (min-width:1080px) {
HTML {
font-size:32px
}
}
Did you like this article? Share it with your friends!
How the mobile side defines the font font-family