ridimensionare sito Web html per diverse risoluzioni dello schermo

Question

Ho dovuto ripetere un sito Web da Flash a HTML/jQuery. Tutto sembrava fantastico. Fino a quando ho testato il sito su un netbook in cui la risoluzione dello schermo è molto più piccola. Tutti gli elementi erano disallineati o non si estendevano come volevo. O c'erano barre di scorrimento ovunque.

sì, come faccio a farlo allungare o ridimensionare correttamente,

C'è una proprietà che è possibile impostare da qualche parte che avrebbe ridimensionare tutto in proporzione?

Answer 1

È necessario utilizzare altezza/larghezza in percentuale (%) piuttosto px/em. cambia il file css.

Answer 2

Esiste una proprietà che posso impostare in un punto che ridimensiona tutto in proporzione?

Tutto? No. Le dimensioni dei caratteri non si regolano in base alle dimensioni della finestra (almeno non senza JS).

È possibile impostare le larghezze della maggior parte delle cose utilizzando unità percentuali nei fogli di stile, ma anche in questo caso ci sarà un punto in cui le cose si romperanno.

La parola d'ordine corrente è responsive web design (Non posso commentare la qualità dei collegamenti da quella pagina) in cui vengono utilizzati media queries per fornire diversi disegni per browser di dimensioni diverse.

Answer 3

Esiste una proprietà che posso impostare in un punto che ridimensiona tutto in proporzione?

No, desidero: P Avrai bisogno di rifare il layout per renderlo liquid o utilizzare le media query per renderlo responsive a diverse risoluzioni. Temo che entrambe le soluzioni potrebbero essere piuttosto complesse.

Answer 4

sfortunatamente non esiste una "magia" che riduca le cose su/giù. mi viene in mente alcune linee guida:

1. Utilizzare larghezze relative per cose (valori percentuali) al posto di valore assoluto
2. non formati cablate, tenerli in documenti CSS separati
3. il tuo lavoro fino: scegliere un risoluzione minima, lavorare verso l'alto da esso. rende le cose molto più semplici.

Answer 5

La proprietà denominata Media Query principalmente utilizza questa proprietà con Responsible Web Design. In cui diciamo ai browser di modificare la specifica proprietà css in quello specifico screen size.

Controllare questo articolo per ulteriori http://css-tricks.com/6206-resolution-specific-stylesheets/

& per Responsible Web Design uso per lo più valore nel Percentage invece di Pixels.

Controllare il sito Web THIS per ulteriori informazioni.

Answer 6

La domanda era RIDIMENSIONARE non REALIGN.L'uso di percentili cambierà solo DOVE gli elementi HTML compaiono nella pagina. Non cambierà il loro SIZE.

Answer 7

è possibile utilizzare con e l'altezza in percentuale per impostare lo schermo per tutte le reseulation..Dare la larghezza 100% al corpo e il div che si desidera dare larghezza 100%.