移动端适配:使用vw设置根字体和rem实现自适应布局
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html {
font-size: 1vw;
}
.element {
font-size: 2rem;
}
</style>
</head>
<body>
<div class="element">Hello, World!</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/qt14 著作权归作者所有。请勿转载和采集!