Mobil responsive px ölçüleri

Merhabalar, temaya responsive uygularken mobil,tablet,desktop ölçülerini ne olarak giriyorsunuz

@media (min-width: 768px)

@media (max-width: 768px)

mobil için bu şekilde denedim fakat mobil de sonuç alamadım kaymalar vs. oluyor pcde mobil ölçüleriyle herhangi bir kayma söz konusu olmuyor sebebi nedir sizler nasıl yapıyorsunuz?

@media only screen and (max-with: 768px){ olarak mobil csslerini yazman yeterli olur chrome mobile ile butun mobil cihazları test edip consoldan yazarsan herhangi sorun olmaz hocam

Merhaba,
Aşağıdaki media tagi ile kullanıyorum hiçbir sıkıntı çıkmıyor bende

Cep telefonu için@media only screen and (max-width: 600px) { }

Söylediklerinizi denedim fakat kaymalar oldu mobilde telefondan telefona farklılık gösterdi sebebi nedir acaba

@ercannkurtulus merhaba genelde telefon için kullanılar media seçicisi

@media (max-width: 768px) { css kodlar buraya }

bu şekildedir fakat telefonlara göre düzenleme yapmak istersen her zaman kullandığım yöntem chromede mobil versiyonlar vardır


resimde ki gibi buralarda bazı telefonların ve tabletlerin ekran boyutları vardır
bu kısımlardan ekran boyutlarını alarak şu şekilde bir yol izleyebilirsin.
@media screen and (min-width:360px) and (max-width:640px) { css kodlar buraya }
gibi ekranları sınırlandırarak istediğin şekilde değişiklikleri yapabilirsin.

Teşekkür ederim sorunu hallettim fakat chrome de eklenti olarak ne kullanıyorsunuz mobilde görünümü görmek için?
Benim kullandığım eklenti Windows Resizer pcde iken seçtiğim pixellerde güzel görüntü alıyorum fakat aynı pixellerde telefondan deniyorum kaymalar oluşuyor

cgrome de f12 ye basarsanız sol at tarafta mobil görününm kısmı var

Teşekkürler hocam unutmuşum onu iyi çalışmalar dilerim..