Responsive tasarım yaparken hangi çözünürlükleri dikkate almalıyız ? Aslında pek çok farklı çözünürlükte responsive tasarımlar yapılıyor. 3 ile 6 kademeye kadar farklı yapılar kullanılıyor. Ancak sizlere bizzat kullandığımız ve popüler olan çözünürlüklerden bahsedeceğim.Responsive, popülarite ve kullanılabilirlik göz önüne alındığında 3 yada 4 farklı çözünürlüğe göre tasarlanması yeterlidir. Aşağıda en çok kullanılan çözünürlüklere göre hazırladığım 3 ve 4 kademeli responsive tabloyu görebilirsiniz.
4 Kademeli Responsive Hazırlıyorsak ;
| Çözünürlük Aralığı | Uyumluluk | |
| Ekran 1 | 0 – 767px | Mobil Ekranlar |
| Ekran 2 | 768px – 991px | Dikey Tablet |
| Ekran 3 | 992px – 1199px | Yatay Tablet + Minibook Laptop |
| Ekran 4< | 1200px ve Yukarısı | Notebook + Desktop |
3 Kademeli Responsive Hazırlıyorsak ;
| Çözünürlük Aralığı | Uyumluluk | |
| Ekran 1 | 0 – 767px | Mobil Ekranlar için |
| Ekran 2 | 768px – 991px | Dikey Tablet için |
| Ekran 3 | 992px ve yukarısı | Yatay Tablet + Notebook + Desktop için |
şeklinde ekranları ve CSS yapımızı hazırlamanız doğru olacaktır. Her aralıkta farklı bir ekran ve menü yapısı kullanıcı karşısına gelecektir. Bu sayede ziyaretçi, ekranda daha güzel bir kullanıcı deneyimi yaşayacak.
