Ekran genişliğiyle ilgili temel sorun, tüm cihazlarda iyi görünen düzenleri oluşturmanın zor olabilmesidir. Örneğin, bir masaüstü bilgisayarda iyi görünen bir düzen istiyorsanız, telefonda veya tablette o kadar iyi görünmeyebilir.
is less than 768px if (screen.width < 768) { // do something }
Bu kod, ekran genişliğinin 768 pikselden az olup olmadığını kontrol ediyor. Eğer öyleyse, kaşlı ayraçların içindeki kodu yürütür.
JavaScript ekran özellikleri
JavaScript'te ekran özellikleri, geçerli ekran hakkında bilgi almak için kullanılır. Ekran özelliklerine, window.screen özelliği kullanılarak erişilebilir. Aşağıdaki tablo, JavaScript'teki en yaygın ekran özelliklerini listeler.
Ekran Özellik Açıklaması
window.screen.width Geçerli ekranın piksel cinsinden genişliği.
window.screen.height Geçerli ekranın piksel cinsinden yüksekliği.
pencere.ekran.derinlik Geçerli ekranın piksel cinsinden derinliği (0 = yüzey, 1 = bitmap).
JavaScript içeren ekran türü
Ekran türü javascript'tir.