@media only screen and (min-width: 768px) and (max-width: 1241px) { BURAYA YAZILAN CSS KODLARI 768 İLE 1241 PX ARASINDA GEÇERLİ OLUR }

@media only screen and (min-width: 480px) and (max-width: 768px) { BURAYA YAZILAN CSS KODLARI 480 İLE 767 PX ARASINDA GEÇERLİ OLUR }

@media only screen and (min-width: 300px) and (max-width: 480px) { BURAYA YAZILAN CSS KODLARI 300 İLE 480 PX ARASINDA GEÇERLİ OLUR }

...vs

ben genelde siteleri bu 3 ana boyut arasına kodluyorum. Şuana kadar her türlü tablet, akıllı telefon, phablet vs. gayet uyumlu görünüyor. Ara sıra denk geldiğim küçük çapta hatalar görürsem de hangi boyutta hata oluşmuşsa o boyutta bulunan koddaki hatayı bulup düzeltiyorum.

İncelemek için imzamda bulunan sitelere bakabilirsin.