换算针对ip6
100vw ＝ 375px －> 1vw ＝ 3.75px －> 13.33333vw ＝ 50px ＝ 1rem
375设计图：1rem = 50px
750设计图： 1rem = 100px
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>
*{
margin: 0;
padding: 0;
}
:root{
--size:100;
}
html{
/* 100vw ＝ 375px 1vw ＝ 3.75px 13.33333vw ＝ 50px ＝ 1rem */
/* 375设计图1rem = 50px 750设计图 1rem = 100px */
font-size: 13.333333vw;
}
.wrap{
width: 100%;
height: 100px;
}
.left{
width: calc(350rem/var(--size));
height: 100%;
background: red;
}
</style>
<body>
<div class="wrap">
<div class="left"></div>
</div>
<script>
</script>
</body>
</html>
740
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
