Bagaimana untuk mendapatkan Internet Explorer untuk menyokong pertanyaan media

Pertanyaan media membolehkan anda dengan mudah menetapkan gaya CSS yang berbeza pada halaman web bergantung pada saiz skrin di mana ia dimuat turun, yang sangat berguna apabila membuat reka bentuk web yang responsif, iaitu, juga disesuaikan dengan tablet dan telefon bimbit dan bukan hanya komputer. Secara lalai, Internet Explorer, dalam versi sebelum 9, tidak memahami kod ini; Walau bagaimanapun, terdapat satu cara untuk mencapainya. Dalam .com, kami menerangkan bagaimana untuk mendapatkan Internet Explorer untuk menyokong pertanyaan media.

Langkah-langkah untuk diikuti:

1

Seperti yang kita katakan, pertanyaan media adalah salah satu alat reka bentuk web responsif. Khususnya, mereka adalah modul CSS3 yang membolehkan gaya berbeza ditentukan dalam halaman CSS bergantung pada jenis skrin.

2

Berikut adalah contoh setengah querie :

@media skrin dan (max-width: 1000px) {

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

}

3

Dengan baris ini kod yang ditulis di dalam helaian gaya web, dokumen .css, kami menunjukkan bahawa di dalam tumbuhan 1, 000 pixel atau kurang lebar, web mempunyai imej latar belakang tertentu.

4

Sebagai tambahan untuk menunjukkan kod ini, kami boleh menubuhkan banyak orang lain, seperti huruf besar yang lebih besar, format menu yang berbeza, dan lain-lain.

5

Contohnya, imej menunjukkan paparan web pada skrin lebih daripada 1, 000 piksel.

6

Dan ia dilihat dengan perubahan gaya berbeza yang diterapkan terima kasih kepada pertanyaan media.

7

Kebanyakan pelayar menerima separuh pertanyaan, bagaimanapun, versi sebelum Internet Explorer 9, tidak; yang menyebabkan mereka tidak mengambil perubahan gaya yang ditubuhkan.

8

Terdapat cara yang sangat mudah untuk menyelesaikan masalah ini. Ini mengenai menulis kod yang boleh anda lihat dalam imej di kepala halaman web yang terjejas, bukannya helaian gaya, tetapi di halaman html.