<html>
<body>
<div class="test"></div>
</body>
</html>
默认情况下1rem=16px; font-size: 62.5%, 1rem=10px; 以下按照屏幕分辨率设置font-size的百分率， 可以保证div的宽高比在不同分辨率下保持一致， 页面字体大小使用rem同理
/*根据屏幕分辨率自适应大小*/ @media (max-width:1921px){ html{ font-size: 62.5% !important;/*1rem=10px*/ } } @media (max-width:1601px){ html{ font-size: 52.08333333% !important; } } @media (max-width:1367px){ html{ font-size: 44.46614583% !important; } } @media (max-width:1281px){ html{ font-size: 41.66666666% !important;/**/ } }
.test｛
width:20%;
height:5rem;
｝