Как да направите уебсайта си съвместим с различни размери на екрана

Научете как да направите уебсайта си подходящ за размера на екрана на човека, който го вижда.

Стъпка 1

Кликнете върху "Файл" и след това върху "Отвори", за да отворите уеб страницата си в текстов редактор. Изберете вашата уеб страница от менюто.

Стъпка 2

Намерете маркера HEAD на уеб страницата си, търсейки HTML таговете и в горната част на вашата уеб страница.

Стъпка 3

Добавете селекторите за маркери CSS точно над етикета в "Стил". Това може да е селекторът "Body" или DIV ID или контейнер за класове, ако искате съдържанието да е отделно от фона на уебсайта. Например: "body {}" или "#container {}". Можете да добавите и двете, за да контролирате размера на двата елемента. В рамките на STYLE и двете статии трябва да изглеждат така:

Стъпка 4

Добавете свойството за ширина с процент. Например, ако искате тялото да покрие цялата област на прозореца, ще трябва да дадете ширина от 100%. Ако искате контейнерът да има марж, който показва дъното, тогава можете да дадете стойност от 80%. Използвайки горния пример, кодът ще бъде "body {width: 100%;} #container {width: 80%;}".