请老师帮忙改进优化

来源: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回答

好帮手慕阿园

2020-06-21

同学你好,同学的代码完成的不错,很棒;但是建议同学将背景图片的大小设置为100%,防止因电脑分辨率大小造成的图片过大或者过小问题
修改后如下:

http://img.mukewang.com/climg/5eeec0dd09d20ef106750065.jpg

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

1

0 学习 · 16556 问题

查看课程