Как задать размер background 7hot.png, чтобы он был во весь экран, background был адаптивным- подстраивался под размер разных мобильных устройств.
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-size: cover;
background-attachment: fixed;
background: url(1kis.png)no-repeat ;
transition: background 1s linear;
}
</style>
<script src="jquery-3.4.1.js"></script>
</head>
<body >
<button>
<h1>hello</h1>
</button>
<script>
$(document).ready(function(){
$("body").click(function (){
$("body").css('background-image', 'url(7hot.png)' );
})
});
</script>
</body>
</html>