Duyarlı CSS akıllı telefon üzerinde çalışmıyor

Question

Bir asp.net duyarlı sayfa yazıyorum.

ben bu CSS yapısı kullanıyorum:

.customNavbar { 
    display: none; 
    margin-bottom: 0; 
} 

.navMenu { 
    display: none; 
} 

.divTopTicket { 
    display: none; 
} 

    /**** OTHER THINGS FOR DESKTOP LAYOUT *****/ 


@media (max-width: 600px) { 

    /**** LAYOUT FOR SMALLER SCREEN *****/ 

} 

Aslında ben bu durumu ettik:

Masaüstümdeki bir tarayıcı ile sayfa açmak ve ben sağ masaüstü düzeni olsun. Sonra tarayıcının penceresinin boyutunu manuel olarak azaltmaya çalışıyorum ve 600px'de doğru duyarlı düzeni elde ediyorum.

Bundan sonra ben bir akıllı telefonla sayfayı açmak için uğraş ettik ve ben bu sorunu ettik:

sayfası normal düzeni bir masaüstü tarayıcısı gibi açılır ve ben gerçekten neden anlamıyorum. Bence CSS haklı.

Birisi bana yardımcı olabilir?

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag Aksi telefonunuz bir masaüstü site sanki web sitesi tedavisi için gidiyor:

Answer 1

Sen görünüm penceresi etiketi kullanmak gerekir. Kafanın içinde Örneğin

:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Answer 2

Siz de bu meta etiketi kullanmak gerektiğini ve sadece ekran ve (min-width:) @media kullanmayı unutmayın CSS dosyası içinde. : 767px, tabletler ve mobil cihazlar için mükemmel genişliktir.