61,129
社区成员




.test{
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url("bg.png") no-repeat #ddf7ff;
background-size: 100% auto;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;*/
}
.a1 {position:absolute;top: 10.3%;left: 53.4%;}
.a2{position:absolute;top:10.1%;left: 47.57%;}
<div class="test">
<div class="a1"><a id="a1"><img src="a1.png" /></a></div>
<div class="a2"><a id="a2"><img src="a2.png" /></a></div>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.test{
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: url("t/bg.jpg") no-repeat #ddf7ff;
background-size: 100% auto;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.a1 {position:absolute;top: 12.3%;left: 16.7%;}
.a2{position:absolute;top:19.8%;left: 48.57%;}
</style>
</head>
<body>
<div class="test">
<div class="a1"><a id="a1"><img src="t/a1.png" /></a></div>
<div class="a2"><a id="a2"><img src="t/a2.png" /></a></div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.test{
position: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
width:1920px;
margin:0 auto;
-webkit-transform-origin:left top;
}
.bg {position:absolute;left:0px;top:0px;width:1920px;height:973px;background:url(https://img-bbs.csdn.net/upload/202105/18/1621311193_999061.jpg) no-repeat;}
.a1 {position:absolute;top:138px;left:334px;}
.a2 {position:absolute;top:218px;left:942px;}
</style>
</head>
<body onload="var els = document.getElementsByClassName('test');els[0].style.transform='scale(' + (document.documentElement.clientWidth/1920) + ')';
">
<div class="test">
<div class="bg"></div>
<div class="a1"><a id="a1"><img src="https://img-bbs.csdn.net/upload/202105/18/1621311171_339698.png" /></a></div>
<div class="a2"><a id="a2"><img src="https://img-bbs.csdn.net/upload/202105/18/1621311179_17355.png" /></a></div>
</div>
</body>
</html>
用了个笨办法