CSS'te Farklı Ekranlar için Düzenlemeye Giriş

Günümüz dünyasında, bir web sitesi farklı ekran boyutlarına sahip cihazlarda iyi görüntülenmelidir.

Genellikle cihazlar dört sınıfa ayrılır: bilgisayarlar (desktop), dizüstü bilgisayarlar, tabletler (tablet) ve telefonlar (mobile).

Eski zamanlarda, popüler ekran boyutları biliniyordu, çünkü çok fazla yoktu. Ve siteler, bilinen bir çözünürlük listesinde doğru görüntülenecek şekilde yapılırdı.

Günümüzde o kadar çok cihaz var ki, siteyi hangi çözünürlüklere göre yapacağınızı belirten bir liste oluşturmak imkansız. Artık, bir düzenlemenin herhangi bir boyuttaki ekranda doğru görüntülenmesi gerektiği düşünülüyor.

Bu, blokların düzenin kritik noktalarında yeniden konumlandırılmasıyla sağlanır. Bu kritik noktalar belirli cihazlara göre değil, site içeriğine göre seçilir - böylece iyi görünür.

Kritik noktalar arasında, site elemanlarının genişliği ekran genişliğine uyum sağlaması için esnek olmalıdır. Ve kritik noktalarda bloklar başka pozisyonlara yeniden düzenlenir.

Açıklanan bu düzenleme türüne uyumlu veya duyarlı (responsive) düzen denir. Önümüzdeki derslerde bunu inceleyeceğiz.