Creazione di una pagina master adatta a qualsiasi risoluzione dello schermo

Question

Ho creato una pagina master e desidero che le pagine ASP.NET siano allegate per adattarsi a qualsiasi risoluzione dello schermo. È un design basato su tabelle html.

Ho letto che se si mantiene le tabelle larghezza e altezza al 100%, allora dovrebbe adattarsi a qualsiasi risoluzione. Ho fatto la stessa cosa, regola la sua larghezza a qualsiasi risoluzione dello schermo ma non all'altezza. Vediamo uno spazio vuoto in basso per risoluzioni dello schermo più alte e crea una barra di scorrimento per risoluzioni dello schermo inferiori.

Qualcuno ha qualche idea su come risolvere questo problema?

Answer 1

Ciò che la maggior parte degli sviluppatori desidera risolvere è la larghezza . L'altezza non è un problema. Non saprai mai quali risoluzioni le persone usano. Fidati di me, questo è un GRANDE PROBLEMA da solo.

Quindi, vi consiglio di fissare la larghezza e sedersi: D

Answer 2

pagina Intstead di tabella basata si dovrebbe andare per le pagine basate DIV .. La sua generalmente facili da creare e gestire. Per quanto riguarda l'altezza è interessato, u non dovrebbe essere preoccupato come altezza può aumentare con il contenuto .. Personalmente, ogni volta che voglio andare con tutta la larghezza, rompo il mio HTML in tre parti ..

1. Intestazione
2. contenuto principale
3. footer

tengo eader e piè di pagina div alla larghezza di tutto il corpo, mentre contenuto principale è normalmente 900px di larghezza .. mi dà piacevole effetto pulito della pagina intera larghezza :)

spero che aiuti :)

Answer 3

Penso che se si desidera altezza, è necessario utilizzare javascript.

var myHeight = 460; 
if (document.body && document.body.offsetWidth) { 
myHeight = document.body.offsetHeight; 
} 
if (document.compatMode=='CSS1Compat' && 
    document.documentElement && 
    document.documentElement.offsetWidth) { 
myHeight = document.documentElement.offsetHeight; 
} 
if (window.innerWidth && window.innerHeight) { 
myHeight = window.innerHeight; 
} 

Dopo di che, è possibile lo stile di altezza del div esterno

var myDiv = document.getElementById('myDiv'); 
myDiv.style.height = myHeight + 'px'; 

Answer 4

Potrebbe valere la pena di aggiungere per aiutare la comprensione che nell'esempio che hai descritto la proprietà height: 100% sarà relativo alla contenuto, in quanto l'altezza dell'elemento si espanderà e si contrarrà per adattarsi a qualsiasi cosa tu scelga di inserire, come ha detto UGS.

Si potrebbe, se si desidera ridurre al minimo la quantità di occorrenze in cui l'altezza è troppo piccola, utilizzare la proprietà 'min-height' e definirla in pixel. Se, ad esempio, sapessi che l'altezza minima desiderata dei dispositivi target desiderati era 320 px, puoi impostare "min-height: 320px" per garantire che sui tuoi dispositivi più piccoli non venga visualizzato nessuno spazio sottostante.