Web sitenizin farklı ekran boyutlarına nasıl sığdırılır?

Web sitenizi, onu gören kişinin ekran boyutuna nasıl sığdırılacağını öğrenin.

1. Adım

Web sayfanızı bir metin editöründe açmak için "Dosya" ve ardından "Aç" a tıklayın. Menüden web sayfanızı seçin.

2. Adım

Web sayfanızda, HTML etiketlerini ve web sayfanızın üst kısmına yakın olan HEAD etiketini bulun.

3. adım

CSS etiket seçicilerini STYLE içindeki etiketteki etiketin hemen üstüne ekleyin. İçeriğin web sitesinin arka planından ayrı olmasını istiyorsanız, bu "Gövde" seçici veya bir DIV ID veya Sınıf konteyneri olabilir. Örneğin: "body {}" veya "#container {}". İki öğenin boyutunu kontrol etmek için ikisini de ekleyebilirsiniz. STYLE içinde, her iki makalede şöyle görünmelidir:

4. Adım

Genişlik özelliğini bir yüzde ile ekleyin. Örneğin, vücudun pencerenin tüm alanını kaplamasını istiyorsanız, % 100 genişlik vermeniz gerekir. Kapın altını gösteren bir kenar boşluğuna sahip olmasını istiyorsanız, % 80'lik bir değer verebilirsiniz. Yukarıdaki örneği kullanarak, kod "body {width: 100%;} #container {width: 80%;}" olacaktır.