Cum să faceți ca site-ul dvs. să se potrivească cu diferite dimensiuni ale ecranului

Aflați cum să faceți ca site-ul dvs. să se potrivească dimensiunii ecranului persoanei care o vede.

Pasul 1

Faceți clic pe "Fișier" și apoi pe "Deschidere" pentru a deschide pagina web într-un editor de text. Alegeți pagina dvs. Web din meniu.

Pasul 2

Găsiți eticheta HEAD pe pagina dvs. de web pentru căutarea etichetelor HTML și în partea de sus a paginii dvs. web.

Pasul 3

Adăugați selectorii de etichete CSS chiar deasupra etichetei din interiorul STYLE. Acesta poate fi selectorul "Body" sau un container DIV ID sau Class dacă doriți ca conținutul să fie separat de fundalul site-ului. De exemplu: "body {}" sau "#container {}". Puteți adăuga atât pentru a controla mărimea celor două elemente. În cadrul STYLE, ambele articole ar trebui să arate astfel:

Pasul 4

Adăugați proprietatea lățimii cu un procentaj. De exemplu, dacă doriți ca corpul să acopere întreaga zonă a ferestrei, va trebui să dați o lățime de 100%. Dacă doriți ca recipientul să aibă o marjă care să arate partea inferioară, atunci puteți da o valoare de 80%. Folosind exemplul de mai sus, codul ar fi "body {width: 100%;} #container {width: 80%;}".