Salve a tutti,
sto realizzando un piccolo sito web e, visto che utillizzo praticamente soltanto le grandezze relative per questioni di comodità, volevo impostare la grandezza di un'immagine pari al 30% dell'altezza della pagina, quindi:
codice HTML:
<img src="img.jpg" style="height: 30%;" />
però questo parametro non funziona, ho quindi pensato a come rimediare ed ho notato che impostando una dimensione in pixel per l'intera pagina quel codice lì sopra funziona.
Avevo in mente di impostare la dimensione della pagina pari a quella dello schermo:
codice HTML:
<script type="text/javascript">
document.getElementById('pagina').style.height = screen.height
</script>
</head>
<body id=pagina >
<img src="img.jpg" style="height: 30%;" />
</body>
Ma lo script non funziona, cosa posso fare?