Internet Explorer'ın medya sorgularını desteklemesi nasıl sağlanır

Medya sorguları, indirildiği ekranın boyutuna bağlı olarak bir web sayfasında farklı CSS stillerini kolayca ayarlamanıza olanak tanır; bu, duyarlı bir web tasarımı yaparken çok kullanışlıdır; Ayrıca, yalnızca bilgisayarlara değil, tabletlere ve cep telefonlarına da uyarlanmıştır. Varsayılan olarak, Internet Explorer, 9'dan önceki sürümlerinde bu kodu anlamamaktadır; ancak, bunu başarmanın bir yolu var. .Com, Internet Explorer’ın medya sorgularını desteklemesini nasıl sağlayacağımızı açıklıyoruz .

İzlenecek adımlar:

1

Söylediğimiz gibi, medya sorguları, duyarlı web tasarımının araçlarından biridir. Spesifik olarak, ekran tipine bağlı olarak bir CSS sayfasında farklı stillerin belirlenmesine izin veren bir CSS3 modülüdür.

2

İşte yarım querie örneği:

@ medya ekranı ve (maksimum genişlik: 1000px) {

body {background-image: url ('../img/fondomv.jpg'); background-tekrarı: no-tekrarı;}

}

3

Webin stil sayfasına, bir belge .css içine yazılan bu kod satırları ile, 1.000 piksel ya da daha az genişlikte olan kitapçıklarda, web'in belirli bir arka plan görüntüsüne sahip olduğunu belirtiyoruz.

4

Bu kodu göstermenin yanı sıra, yazı tipi daha büyük, farklı menü formatı vb.

5

Örnek olarak, görüntü 1, 000 piksel genişliğindeki ekranlarda bir web görünümünü gösterir.

6

Ve böylece medya sorguları sayesinde uygulanan farklı stil değişiklikleriyle görülür .

7

Çoğu tarayıcı, yarım sorgu kabul eder; ancak, Internet Explorer 9'dan önceki sürümler; Bu da, kurulan stil değişikliklerini almamalarına neden olmaktadır.

8

Bu sorunu çözmenin çok basit bir yolu var. Görüntüde gördüğünüz kodun etkilenen web sayfasının başındaki yazıyı yazması, stil sayfası değil, html sayfasında yazmasıdır.