Come si può formattare correttamente un sito Web su tutte le dimensioni dello schermo? [chiuso]

0

Recentemente ho creato un sito web HTML puro (non ho usato Bootstrap o altro) sul mio portatile, ma quando ho aperto il sito Web sul mio desktop, sembrava orribile e nulla è stato formattato correttamente (gli elementi erano troppo piccoli, i margini erano troppo grandi o troppo piccoli, ecc.). Cosa devo fare per assicurarmi che il mio sito web si adatti a tutte le dimensioni dello schermo?

    
posta michaelpri 07.12.2014 - 00:48
fonte

2 risposte

5

Dopo aver riletto la tua domanda hai detto che si trattava di un sito Web in puro HTML. L'HTML NON è dove vuoi fare le cose di design, che dovrebbero essere fatte in un'altra lingua (CSS3). HTML definisce il contenuto di ciò che vuoi sul tuo sito web, d'altra parte utilizzerai i CSS per collocare, colorare, ridimensionare e l'aspetto generale.

Dalla tua spiegazione ci possono essere molte cose che mancano perché non sappiamo veramente cosa stai facendo. Ma se non hai preso in considerazione le considerazioni su RWD, suppongo che ci siano alcune cose che ti mancano.

Dovresti esaminare il responsive web-design (RWD), puoi trovare un bel po 'di informazioni su di esso in tutto il web, iniziando con wikipedia responsive web design .

Puoi consultare alcuni libri se preferisci: Responsive Web Design (Brevi libri per chi crea siti web, n. 4)

Si tratta di utilizzare il posizionamento / i margini relativi anziché il posizionamento fisso o assoluto.

    
risposta data 07.12.2014 - 01:10
fonte
3

Sfortunatamente, non esiste una soluzione "magic bullet" per il tuo problema. Quello di cui parli si chiama Responsive Web Design e ci vuole molta esperienza per poter progettare in modo efficiente i siti web ottimo su tutte le dimensioni dello schermo.

Ti consiglio di iniziare leggendo su responsive web design , ci sono molti buoni posti per iniziare su questo argomento.

Inoltre, la padronanza di HTML / CSS aiuterà-- C'è un corso gratuito che è abbastanza buono da codecademy.com . Questo dovrebbe farti accelerare abbastanza rapidamente.

Per rispondere più direttamente alla tua domanda: le persone utilizzano più comunemente una combinazione di query multimediali javascript e CSS per ridimensionare il contenuto / elementi DOM

    
risposta data 07.12.2014 - 01:16
fonte

Leggi altre domande sui tag