Çözünürlüğe Duyarlı Tasarım nedir?

Çözünürlüğe duyarlı (Responsive) arabirimler farklı çözünürlükler için farklı sayfa düzenlerine (layout) sahiptirler. Farklı cihazlar ve bunların görüntüleme birimleri olan ekranlar farklı çözünürlüklere sahiptir ve sunulan içeriği bu ekranlarda sorunsuz görüntülemek isterler.

Eğer tarayıcınızın sağ alt veya üst köşesinden tutup, sitenin görüntülendiği alanı (Viewport) küçültüp büyütürseniz, sayfa düzeniniz değişmeye başlar. Değişim esnasında farklı sayfa düzenleri arasındaki geçişlerin daha yumuşak ve akışkan (liquid) olduğunu görürsünüz. Sayfa düzeniniz içerisindeki içerik ve medya elementleri tarayıcınızın görüntülenme alanına bağlantılı olarak değişkenlik göstermeye başlar.