Div stretching contenente tela

Question

ciao sto cercando di avere questo:

<div>
<canvas height="300px" width="200px"></canvas>
</div>

Ho creato JavaScript per rendere la tela, potrebbe consiglio a qualcuno come estendere il div secondo le dimensioni della tela e se è possibile senza JavaScript ??Ho già provato soluzioni per i div nidificati, ma non funzionava.Grazie

Answer 1

Utilizzare un diverso display per il div contenente quindi le cose dovrebbero funzionare (vedere anche Questo jsfiddle ): .

<div>
    <canvas height="300px" width="200px"></canvas>
</div>

.

CSS:

div {
    border: 2px solid blue; /* demo purposes */
    display: inline-block;
    line-height: 0;
}
canvas {
    background-color: khaki; /* demo purposes */
}

.

PS.Il line-height: 0 è lì per assicurarti che non appare alcuna lo spazio è reso sotto la tela.Vedi anche Questa domanda .

Answer 2

Se è possibile determinare quando la dimensione della tela viene modificata, si accende un evento che imposterà le dimensioni del div dinamicamente come secondo le dimensioni modificate della tela