Bu uygulama, özellikle scrollbar'ın görünmesini istemediğiniz sayfalarda ve henğz hazırlanma aşamasında olan sitelerde çok işlevsel oluyor. Ziyaretçi, telefonundan da bilgisayarından da tabletinden de internet sitesini görüntülese, her zaman kaydırma çubuğu olmayan %100 büyüklükte ve tüm içeriği görülebilir bir tasarımla karşılaşıyor ve tüm bilgiyi tek seferde görebilmiş oluyor.
Bir internet sayfasının yüksekliğini, tam 100% olacak şekilde düzenlemek için aşağıdaki css kodlarını html elemanları için kullanmanız yeterli. Tarayıcı yüksekliği ne olursa olsun, site %100 yüksekliğe göre kendini ölçekleyecektir.
html, body {height: 100%}
Not: vh (viewport-percentage kullanarak da benzer bir uygulamayı aşağıdaki gibi yapabilirsiniz)
body {height: 100vh; padding: 0}
Editör editi: benzer içerikli başlıklar için;
bkz: inline css kodları JQuery ile silinebilir mi?
bkz: CSS ile bir input'a (textbox) nasıl yazılması engellenir?
bkz: HTML'de CSS ile yazı seçimini iptal etmek
bkz: HTML ve CSS ile Yazının Başına ve Sonuna Karakter Eklemek (Before After)
bkz: HTML5'te Yorum ve Alıntı (blockquote) Tasarımı ve CSS Örnekleri
bkz: CSS'te tek seferde tüm HTML elemanlarını seçmek