Vai jūs varat izskaidrot media query darbības principu tīmekļa izstrādē?

Media query — tas CSS mehānisms, kas ļauj piemērot dažādus stilus atkarībā no ierīces vai pārlūkprogrammas loga raksturlielumiem, piemēram, ekrāna platuma, orientācijas, izšķirtspējas un citiem parametriem.

Veb izstrādē, media query tiek izmantots, lai izveidotu atsaucīgu dizainu, nodrošinot, ka vietne pareizi tiek rādīta dažādās ierīcēs — no mobilajiem telefoniem līdz lieliem monitoriem.

Piemērs media query, kas maina fona krāsu, ja ekrāna platums ir mazāks par 600px:

@media (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Flutter, lai gan media query ir no tīmekļa, pastāv līdzīga klase MediaQuery, kas ļauj iegūt informāciju par ekrāna izmēru un citiem ierīces parametriem, lai izveidotu adaptīvu saskarni.