Bloğu ya da Web Sitesini Ekran Genişliğine Göre Ayarlama Kodu

Aşağıdaki kodu ekleyerek üst bilgi, menü çubuğu ya da metin gövdesinin farklı ekran genişliklerine göre ayarlanmasını sağlayabilirsiniz. Diyelim 800 piksel genişliğinde bir üst bilgi resminiz var; ekran çözünürlüğü 1600 px genişliğinde olan birinin bilgisayarında üst bilginiz ekranın sadece yarısını kaplar, bu hiç hoş görünmez. Genişlikleri yüzde olarak girmediğinizde, farklı ekran çözünürlüğüne sahip olan kullanıcılar tasarımın kenarlarında boşluklar görür. Bu durumdan kaçınmak için tek yapmanız gereken, değiştirmek istediğiniz ögenin arkasına (head etiketleri arasında kalan ilgili yerlere) şu kodu girmek:

width: 100%;

Yüzde yüz seçtiğinizde tasarımınız, ekranın % 100'ünü kaplar. Bu yüzdeyi ayarlayarak oynamalar da yapabilirsiniz.


Sağlıcakla,