Оё метавонед принсипи кори медиа query-ро дар таҳияи веб шарҳ диҳед?

Media query — ин механизми CSS, ки имкон медиҳад, ки услубҳои гуногун дар асоси хусусиятҳои дастгоҳ ё тирезаи браузер, масалан, паҳноии экран, самт, тасвир ва дигар параметрҳо, татбиқ карда шаванд.

Дар таҳияи веб, media query барои эҷоди тарҳи ҷавобгӯ истифода мешавад, то ки сайт дар дастгоҳҳои гуногун — аз телефонҳои мобилӣ то мониторҳои калон — дуруст намоиш дода шавад.

Масалан, media query, ки рангро тағир медиҳад, вақте ки паҳноии экран камтар аз 600px аст:

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

Дар Flutter, ҳарчанд media query як истилоҳ аз веб аст, як синфи монанд MediaQuery вуҷуд дорад, ки имкон медиҳад маълумот дар бораи андозаи экран ва дигар параметрҳои дастгоҳро барои интерфейси ҷавобгӯ ба даст орад.