Tarayıcınızda yeniden etkinleştirme medyan sorguları yeniden boyutlandırma

Question

İstemci için bir web sitesinin mobil sürümünü oluşturmak için medya sorguları kullanıyorum. Tarayıcıyı yeniden boyutlandırdığımda medya sorguları etkili olmaz, ancak site her cihazda görüntülendiğinde etkili olurlar - sadece tarayıcı penceresinin yeniden boyutlandırıldığında medya sorgularının neden etkili olmadığını merak ediyorum yani Firefox.

Herhangi bir girdi çok beğenildi.

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 720px) { 
    #container { 
     width: 100% !important; 
     } 
    } 

Answer 1

Sen kodu örneği gönderilmeyen, bu yüzden tahmin ediyorum:

Kod i kullanıyorum max-cihaz-genişlik veya min-cihaz-genişliği: Eğer özelliğini kullanıyorsanız Sadece bu genişliğe sahip cihazlarda çalışacak ve manuel tarayıcı yeniden boyutlandırmayı görmezden gelecektir.

Özelliği şu şekilde değiştirmelisiniz: max-width/min-width. Burada

@media screen and (min-width: 1024px){ 
    /* some CSS here */ 
} 

Kontrol: genişlik ve cihaz-genişliği arasındaki fark biraz olabilir CSS medyada

karışıktır, bu yüzden biraz o açıklayacağız sağlar. aygıt genişliği, aygıtın genişliğini, başka bir deyişle, aygıtın ekran çözünürlüğünü ifade eder.

http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

Answer 2

değişiklik için kod - dönüşümlü daha önceki kod tutmak ve Mozilla Duyarlı Tasarım Görünümü özelliği tarafından yerel bilgisayarda web sitenizin duyarlı doğasını kontrol edebilirsiniz

@media only screen 
and (min-width : 320px) 
and (max-width : 720px) { 
#container { 
    width: 100% !important; 
    } 
} 

- kısayol ' Control + Shift + M '