Jak se vaše webové stránky hodí k různým velikostem obrazovky

Naučte se, jak se váš web přizpůsobit velikosti obrazovky osoby, která ho vidí.

Krok 1

Klikněte na "Soubor" a poté na "Otevřít" otevřete webovou stránku v textovém editoru. Vyberte webovou stránku z nabídky.

Krok 2

Vyhledejte značku HEAD na webové stránce, ve které hledáte značky HTML a v horní části webové stránky.

Krok 3

Přidejte voliče značek CSS těsně nad štítek uvnitř STYLE. Toto může být volič "Body" nebo ID DIV nebo kontejner třídy, pokud chcete, aby obsah byl oddělen od pozadí webu. Například: "body {}" nebo "#container {}". K ovládání velikosti obou prvků můžete přidat obě. V rámci služby STYLE by oba články měly vypadat takto:

Krok 4

Přidejte vlastnost šířky procentem. Například pokud chcete, aby tělo pokrývalo celou oblast okna, musíte mít šířku 100%. Pokud chcete, aby kontejner měl marži, která zobrazuje dolní část, pak můžete dát hodnotu 80%. Při použití výše uvedeného příkladu by kód byl "body {width: 100%;} #container {width: 80%;}".