Pagina che si adatti allo schermo

[hijaki4]

come posso fare che le pagine del mio sito si adattino tutte ai diversi tipi di schermo?? Uso Expression web con il quale ho creato il loyour del mio sito di cui le misure sono in pixel forse dovre portarle in percentuale ma non sò che percentuale impostare

 

[shecfhoirmhfuhgoieg]

esatto le dimensioni le devi riportare in percentuale...ti basta fare due calcoli....
basta assumere che la width del container più grande sia 100% e calcolare tutte le altre dimensioni in funzione di quella....poi facendo due prove le percenutali giuste le puoi trovare anche "ad occhio"

 

[hijaki4]

ok quindi mi devo basare dalla width che deve essere al 100% poi puù variare la height

 

[shecfhoirmhfuhgoieg]

non ho detto che deve essere al 100%,
tu la percentuale del container più grande la imposti a quanto vuoi, poi ti fai i conti per le altre. Es.
prima:
container: width: 100px;
menu: width:10px;
poi:
container width: 80%; /*questa la scegli "ad occhio"*/
menu: width: 10%; /* perchè 10px sono il 10% di 100px*/
io ho fatto l'esempio solo con width ma vale los teso per l'height


non so se rendo l'idea....comunque forse fai prima ad occhio....

 

[hijaki4]

e come visualizzerò le pagine sull'editor così saranno mantenute le percentuali su tutti i tipi di schermo..

 

[fojeaf]

e come visualizzerò le pagine sull'editor così saranno mantenute le percentuali su tutti i tipi di schermo..

in sostanza sì

 

[imported_Bronsa]

occhio a una cosa però....

lo svantaggio ei css in percentuale è per esempio che se dentro a un div con width 20% ci metti un testo più grande, questo fuoriesce dal div mentre se le grandezze sono in pixel questo non avviene

 

[hijaki4]

ok grasie 1000