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.