老师实现对吗？图片太大了，超过了我的屏幕大小，怎么将图片压缩成屏幕大小呢？

来源：4-3 编程练习

localhost999

2020-07-01 18:34:37

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>
</title>
<style type="text/css">
        .body{
            width:1903px;
            height:4033px;
            background-image:url(http://climg.mukewang.com/59c9f7ce0001839219034033.png);
            background-repeat:no-repeat;
        }
        
        .left{
            position:fixed;
            top:50%;
            left:5%;
            margin-top:-182px;
        }
        .right{
            position:fixed;
            top:50%;
            right:5%;
            margin-top:-182px;
        }

</style>
</head>
<body>
<div class="body">
    
</div>
<div class="left">
    <img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png" alt=""/>
</div>
<div class="right">
    <img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png" alt=""/>
</div>
</body>
</html>

写回答

2回答