请老师帮忙改进优化
来源:7-2 编程练习
Joey_yxy
2020-06-20 23:19:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
height:2600px;
width:1220px;
background-image:url(http://climg.mukewang.com/59c9f7ce0001839219034033.png);
background-size:1220px 2600px;
}
.photo1{
width:200px;
height:300px;
position:fixed;
top:50%;
margin-top:-150px;
left:5%;
}
.photo2{
width:200px;
height:300px;
position:fixed;
top:50%;
margin-top:-150px;
right:5%;
}
</style>
</head>
<body>
<img class="photo2" src="http://climg.mukewang.com/5a3383c70001f1b702240364.png"/>
<img class="photo1" src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png"/>
</body>
</html>1回答
同学你好,同学的代码完成的不错,很棒;但是建议同学将背景图片的大小设置为100%,防止因电脑分辨率大小造成的图片过大或者过小问题
修改后如下:

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
相似问题