Veb inkişafında media query-nin işləmə prinsipini izah edə bilərsinizmi?

Media query — bu, brauzer pəncərəsinin və ya cihazın xüsusiyyətlərinə görə müxtəlif üslubların tətbiq olunmasına imkan verən CSS mexanizmdir, məsələn, ekranın eni, istiqaməti, həll və digər parametrlər.

Veb inkişafında, media query, saytın müxtəlif cihazlarda — mobil telefonlardan böyük monitorlara qədər — düzgün göstərilməsi üçün uyğun dizayn yaratmaq üçün istifadə olunur.

Ekran eni 600px-dən az olduqda fon rəngini dəyişən media query nümunəsi:

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

Flutter-də, media query — bu, vebdən bir termin olsa da, ekran ölçüsü və digər cihaz parametrlərini almağa imkan verən MediaQuery adlı oxşar sinif mövcuddur, bu da uyğun interfeys üçün.