rem布局设置根标签字体大小
2022-05-04 本文已影响0人
daoqing99
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no,
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!-- 这里有个坑，viewport必须要加上 -->
<title>rem单位的使用</title>
</head>
<body>
<h1>标题</h1>
<script type="text/javascript">
//获取html元素
var html = document.getElementsByTagName('html')[0];
//屏幕的宽度（兼容处理）
var width = document.documentElement.clientWidth || document.body.clientWidth;
//375这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小,根据苹果6的尺寸布局设计
html.style.fontSize = width / 375 * 50 * 2 + 'px';
</script>
</body>
</html>
