Adatta le dimensioni all'altezza dello schermo

**M6a6r6c6o6** · 21-07-2021, 02:49

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>

**KillerWorm** · 24-07-2021, 00:02

Ciao e benvenuto, non ho ben compreso quale risultato vorresti ottenere. Se imposti delle dimensioni fisse mi sembra palese che il div non potrà adattarsi. Cosa intendi quindi per "vorrei si adattassero sempre all'altezza dello schermo"?

Puoi chiarire?

**Utonto Tonto** · 13-08-2021, 09:21

Originariamente inviata da KillerWorm

Ciao e benvenuto, non ho ben compreso quale risultato vorresti ottenere. Se imposti delle dimensioni fisse mi sembra palese che il div non potrà adattarsi. Cosa intendi quindi per "vorrei si adattassero sempre all'altezza dello schermo"?

Puoi chiarire?

Credo voglia che la sua pagina sia totalmente visibile sullo schermo senza dover scrollare, in questo caso dovrebbe giocare con le unità di misura %, vw, vh.

Discussione: Adatta le dimensioni all'altezza dello schermo

Strumenti discussione

Ricerca discussione

Visualizza

Adatta le dimensioni all'altezza dello schermo

Permessi di invio