IE Developer Tools

Question

'u açtığımda CSS beklenmedik bir şekilde değişiyor Şu anda IE8'de bir siteyi test ediyorum (bir Sanal Makine üzerinde çalışıyor).

sitesi içindeki bazı arka plan resimleri kullanır: before ve: IE8 medya sorguları için destek sağlamak için respond.js kullanıyorum

@media (min-width: 980px) { 

    .box:after { 
     ... 
     background: url('../images/assets/home-create-background.png') bottom right no-repeat; 
     ... 
    } 
} 

: Bir medya sorgusu içinde olan elemanlar, sonra. Medya sorgusunun içindeki kurallar, sayfa yüklenir yüklenmez uygulanır (örn: response.js aslında çalışıyor). Ancak, bu görüntüler görüntülenmez.

Komik olan şey: IE Geliştirici Araçları'nı (örn. Basma F12) açtığımda aniden görüntüler gösteriliyor.

Benzer bir şey yaşayan var mı? Keşfetmek için herhangi bir fikrin veya yönünüz var mı?

---

Düzenleme: sözde eleman (Zaten ancak, bu kuralı uygulayarak sonra değil nedense medya sorgu ve içimden: Sonunda içerik eklemek Bu sorunu gidermek başardı o ... her durumda

.box:after { 
     ... 
     background: url('../images/assets/home-create-background.png') bottom right no-repeat; 
     content: " "; 
     ... 
    } 

, bunu ben Dev Araçlar açıldığında düzen değişiyordu neden bilmek ilginç inanmak) IE üzerinde uygulanmadı ağrı noktalarının

Answer 1

birkaç IE böylece tespit edilebilir ile aşağıdaki incelenmeye değer: geliştirici araçları gösterilmektedir kadar

1. Herhangi console.log() ifadeleri şey oluşturmaması için IE zorlayacaktır.
2. IE Dev araçlarını açtığınızda, varsayılan olarak kullandığınız varsayılan görünümden farklı bir uyumluluk modundadır.