Sådan får du Internet Explorer til at understøtte medieforespørgsler

Medieforespørgsler giver dig mulighed for nemt at indstille forskellige CSS-stilarter på en webside afhængigt af størrelsen af ​​skærmen, som den downloades på, hvilket er meget nyttigt, når du laver et lydhurt webdesign, dvs., også tilpasset tabletter og mobiltelefoner og ikke kun computere. Som standard forstår Internet Explorer i sine versioner før 9 ikke denne kode; Der er dog en måde at opnå det på. I .com forklarer vi, hvordan du får Internet Explorer til at understøtte medieforespørgsler.

Fremgangsmåden for at følge

1

Som vi siger, er medieforespørgsler et af værktøjerne til lydhurt webdesign. Specifikt er de et CSS3-modul, der gør det muligt at angive forskellige stilarter inden for en CSS-side afhængigt af typen af ​​skærm.

2

Her er et eksempel på halve querie :

@media skærm og (maks bredde: 1000px) {

krop {baggrundsbillede: url ('../img/fondomv.jpg'); baggrundsreagent: nej gentag;}

}

3

Med disse linjer af kode, der er skrevet inde i websens stilark, et dokument .css, indikerer vi, at i webplanter med 1000 pixels eller mindre i bredden har internettet et bestemt baggrundsbillede.

4

Udover at angive denne kode kan vi etablere mange andre, f.eks. Skrifttypen er større, det forskellige menuformat mv.

5

Som et eksempel viser billedet et webvisning på skærme over 1000 pixels bredt.

6

Og så ses det med forskellige stilændringer anvendt takket være medieforespørgsler.

7

De fleste browsere accepterer halv forespørgsler, dog versioner forud for Internet Explorer 9, nej; hvilket medfører, at de ikke tager de ændrede stilarter, der er etableret.

8

Der er en meget enkel måde at løse dette problem på. Det handler om at skrive koden, som du kan se i billedet i hovedet på den berørte webside, det er ikke stilarket, men på html-siden.

9

Jeg håber du har været nyttig og tager højde for vigtigheden af ​​at gøre lydhurtigt webdesign .