彻底解决不同分辨率下的绝对定位问题/大小问题

原理就是 font-szie + rem

<!doctype html>
<html style="font-size: calc((100vw/375)*10)">
<head>
<meta charset="utf-8"></meta>
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0;"name="viewport"></meta>
<title>Disney Spring Web！</title>
<style>
html,body{
margin:0;
padding:0;
}
.container {
max-width:1000px;
margin:0 auto;
border-radius:10px;
display: flex;
text-align: center;
flex-direction: column;
position: relative;
}
img{
max-width:100vw;
}
.bg{
position: absolute;
left:0;
top:0;
width:41rem;
object-fit: fill;
}
.loc_1{
position: absolute;
top:2.5rem;
left:5rem;
width:4rem;
height:4rem;
}
</style>
</head>
<body>
<div class="container" id="container">
<img src="1.jpg" class="bg"/>
<img src="location.png" class="loc_1"/>
</div>
</body>
</html>

注：

<html style="font-size: calc((100vw / 375)*10)">其中 375是你开发参考的分辨率，比如IPOHE12下，fontsize= 10px;