June 20
Risoluzione dello schermo presenta un problema per gli sviluppatori web. Ogni configurazione del computer è diverso e risoluzione non è un parametro che può essere controllato da una pagina web. La soluzione, tuttavia, è di usare CSS o fogli di stile CSS per controllare la dimensione della pagina a seconda della dimensione della finestra del browser. La chiave è quella di utilizzare percentuali nella proprietà larghezza del CSS. Utilizzando un valore percentuale, il contenuto del sito sarà ridimensionare come la dimensione finestra cambia browser. Questo cambierà con la risoluzione del computer visualizzazione o con il ridimensionamento della finestra del browser stesso.
1 Fare clic su "File", poi "Apri" per aprire la pagina Web in un editor di testo. Scegli la pagina web dal menu.
2 Individuare i tag testa nella vostra pagina web, cercando per il <head> e </ head> tag HTML nella parte superiore della pagina web.
3 Aggiungere i selettori di tag CSS appena sopra il </ head> tag all'interno di un tag STYLE. Questo può essere il selettore di tag "corpo" o di un documento d'identità del contenitore DIV o Classe se si desidera che il contenuto separato dallo sfondo del sito web. Ad esempio: "body {}" o "#container {}." È possibile aggiungere sia per controllare le dimensioni per entrambi gli elementi. All'interno del tag STYLE entrambi gli articoli sarebbero simile a questa: <style type = "text / css"> body {} #container {} </ style>
4 Aggiungere la proprietà width con un importo percentuale. Ad esempio, se si desidera che il corpo per coprire l'intera area della finestra, si dovrebbe dare una larghezza al 100 per cento. Se si desidera che il contenitore per avere un margine che mostra lo sfondo, allora si potrebbe dare una larghezza di 80 per cento. Utilizzando l'esempio precedente, il codice sarebbe "body {width: 100%;} #container {width: 80%;}".