Web Site Mobil Görünüm Sorunu

@mediadaki min ve max değerleriniz nelerdir? Bir de sadece tarayıcı penceresini küçülterek mi kontrol ediyorsunuz yoksa tarayıcıdan mobil ekran görüntüsünü açarak mı kontrol ediyorsunuz?

Tarayıcıda mobil ekran görüntüsü denemedim. Tarayıcıyı küçülttüğümde media düzgün çalışıyor ama mobil cihazdan girdiğimde tam ekran gözüküyor. Mobilde nasıl göründüğünü kontrol etmek için sadece max width 720 px olarak vermiştim fakat mobil görünümde istediğim görüntüyü alamıyorum.

Tarayıcıda sağ tıklayınca, incele diye çıkan seçeneği tıklıyoruz ya. Ondan sonra gelen ekranda, elementin hemen solunda bir icon var, ona tıklamanız lazım.
Ondan sonra zaten yukarıda mobil cihazlar çıkıyor. Hangi cihazda nasıl görünüyor, görüntüleyebilirsiniz. Mesela iphone X ile Galaxy s5 arasında biraz fark oluyor.
Ben genelde max-width olarak 575 veriyorum. Daha sağlıklı çalşıyor. Bootstrap kullanıyorsanız size de bunu tavsiye ederim.

Herkese Merhaba,

Html, Css ile bir tane statik web sitesi yapıyorum. Css media kodlarını kullanarak web siteyi mobil uyumlu olarak tasarladım. Bilgisayardan web siteye girdiğimde ve tarayıcıyı küçülttüğümde media kodları doğru olarak çalışıyor ve site mobil uyumlu olarak gözüküyor. Fakat cep telefondan siteye girdiğimde site bilgisayarda tarayıcıda gözüktüğü gibi tam ekran gözüküyor. Bu sorun neden oluyor çözemedim. Yardımlarınızı bekliyorum.

Teşekkürler.

Sanırım head tagları arasına<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
şu kodu eklemeyi unuttunuz. Genelde sorun bundan kaynaklı oluyor.