Mobile, mobile-side responsive layout header code

<Metaname= "Viewport"content= "Width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"><Metaname= "Apple-mobile-web-app-capable"content= "Yes" />    <Metaname= "Apple-mobile-web-app-status-bar-style"content= "Black-translucent" /><Metaname= "Format-detection"content= "Telephone=yes"/><Metaname= "Msapplication-tap-highlight"content= "No" />

Width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no probably means that the width of the Web page is device width, The scale is 1, and the user scaling operation is not allowed.

• Responsive layout units are best with REM; font-size:62.5% html;
• Body{font-size:1.6rem, the way px and REM are converted is px/10=rem;

Mobile, mobile-side responsive layout header code