<!DOCTYPE html><html>
<head> <meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<title>mhmall</title>
<script> document.documentElement.style.fontSize=document.documentElement.clientWidth/37.5+'px' </script>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
通过自适应设备的宽度来设置项目的默认字体大小,我这里默认的设备为375px宽度的设备,这样默认字体大小为10px,如果要用其他宽高设备做默认的话,只需要改这段js中的计算数值,当写css时单位要用rem,当设备宽度变化时,默认字体大小也会随着变化,rem单位大小可以通过默认字体大小来自适应设备!