Nwlapcug.com


Come faccio a modificare una casella altezza relativa a una dimensione di finestra in CSS?

La proprietà height in CSS è usata per dare altezza agli elementi in una pagina web. La proprietà deve essere definita come una percentuale di rendere l'altezza relativa alla dimensione della finestra. La proprietà height dovrà essere definita per l'intero corpo della pagina, così come l'elemento che si desidera ridimensionare (basato sulla dimensione della finestra). Per mantenere l'altezza al 100%, la proprietà "min-height" può essere utilizzata come bene.

Istruzioni

1

Aprire il file CSS in un editor di testo come blocco note per Windows o Text edit per Mac facendo clic su "File" e "Aprire".

2

Aggiungere la proprietà di altezza per i tag HTML e BODY. Ad esempio: html, body {altezza: 100%;}.

3

Aggiungere la proprietà min-height per l'elemento che si desidera ridimensionare. Se l'ID dell'elemento è "scatola", quindi il codice sarebbe simile a questa: #box {min-altezza: 100%;}.

4

Usare il selettore stella trucco per impostare l'altezza minima per Internet Explorer 6. IE 6 non utilizzeranno CSS standard senza hack costringendo il browser a "guardare" il codice. Altri browser non hanno questo problema. Per supportare IE 6, utilizzare l'asterisco prima dell'elemento nel CSS e utilizzare la proprietà height. Ad esempio: * html #box {altezza: 100%;}.

5

Salvare il file facendo clic su "File" e "Salva".