Salve a tutti ragazzi,
sarà sicuramente un problema banale ma ci sto sbattendo la testa da un sacco di tempo.
Il problema è semplice, ovvero: ho un'area con dimensioni specifiche (450x800px) che vorrei si adattassero sempre all'altezza dello schermo.

Vi allego qui il codice di esempio su cui sto lavorando, grazie infinite a chi potrà aiutarmi!

codice HTML:
<!DOCTYPE html>
<html>
<head>
     <meta name="viewport" content="height=device-height, initial-scale=1.0">
<title>Page Title</title>
<style>
html, body {  height: 100%;  margin: 0;}
.full-height {  height: 100%;  background: yellow;}
</style>
</head>
<body>
<div class="full-height">
    <div style="width:450px; height:800px; margin-left:auto; margin-right:auto; background-color:#FD0F13">I am a DIV that will stretch to fit the whole width and height of the browser window!</div>
</div>
</body>
</html>