html { font-size : 20px; } @media only screen and (min-width: 320px){ html { font-size: 17px !important; } } @media only screen and (min-width: 360px){ html { font-size: 19.2px !important; } } @media only screen and (min-width: 375px){ html { font-size: 20px !important; } } @media only screen and (min-width: 401px){ html { /*font-size: 22.2px !important;*/ font-size: 22px !important; } } @media only screen and (min-width: 428px){ html { font-size: 26.75px !important; } } @media only screen and (min-width: 481px){ html { font-size: 30px !important; } } @media only screen and (min-width: 569px){ html { font-size: 35px !important; } } @media only screen and (min-width: 641px){ html { font-size: 40px !important; } }
rem=px/40