Jak dopasować witrynę do różnych rozmiarów ekranu

Dowiedz się, jak dostosować witrynę do rozmiaru ekranu osoby, która ją widzi.

Krok 1

Kliknij "Plik", a następnie "Otwórz", aby otworzyć stronę internetową w edytorze tekstu. Wybierz swoją stronę internetową z menu.

Krok 2

Znajdź tag HEAD na swojej stronie internetowej, szukając tagów HTML i w górnej części swojej strony internetowej.

Krok 3

Dodaj selektory znaczników CSS tuż nad etykietą wewnątrz STYLE. Może to być selektor "Body" lub kontener DIV ID lub Class, jeśli chcesz, aby treść była oddzielona od tła witryny. Na przykład: "body {}" lub "#container {}". Możesz dodać oba, aby kontrolować rozmiar dwóch elementów. W STYLE oba artykuły powinny wyglądać tak:

Krok 4

Dodaj właściwość width z wartością procentową. Na przykład, jeśli chcesz, aby ciało obejmowało cały obszar okna, musisz podać szerokość 100%. Jeśli chcesz, aby kontener miał margines, który pokazuje dno, możesz podać wartość 80%. Na powyższym przykładzie kod będzie miał postać "body {width: 100%;} #container {width: 80%;}".