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.