<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="viewport-fit=cover,width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>Document</title> </head> <style> html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: 13.33333vw; /*這個是比較重要的*/ /* 用這個vw */ font-family: '微軟雅黑', 'PingFangSC-Regular'; } div{ font-size: .2rem; } </style> <body> <div>哈哈</div> </body> </html>
按照750的設計稿，如果是75px則直接寫成0.75rem即可。