纯css实现移动端rem自动计算

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_35958891/article/details/102474468

换算比例100比1
100px === 1rem

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
	<title>Document</title>
	<style>
		/* 移动端适配 */
		html,
		body {
			font-size: 13.3333333333333vw;
		}
		p{
			font-size: .16rem;
		}
	</style>
</head>
<body>
	<div class="box">
		<p>标题</p>
	</div>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_35958891/article/details/102474468