Milyen megközelítéseket ismer az adaptív dizájn…

Média lekérdezések: CSS @media szabályok használata az eszköz jellemzői (szélesség, képernyőmagasság, tájolás stb.) alapján történő stílusalkalmazáshoz.
```
/* Média lekérdezés példa */
@media (max-width: 600px) {
  .container {
    width: 90%;
  }
}
```

Rugalmas rács elrendezés (Flexible Grid Layout): Elrendezések készítése relatív egységek (%, vw, vh) és rugalmas tulajdonságok (flex, grid) használatával.

/* Flexbox példa */
.parent {
  display: flex;
  flex-wrap: wrap; /* Lehetővé teszi az elemeknek, hogy új sorba kerüljenek */
}

.child {
  flex: 1 1 200px; /* Lehetővé teszi az elemnek, hogy nyúljon, összenyomódjon és alap szélességgel rendelkezzen */
}

Rugalmas képek és média: CSS max-width tulajdonság használata, hogy a képek és más médiaelemek arányosan méreteződjenek.

/* Rugalmas kép példa */
img {
  max-width: 100%; /* A kép nem haladja meg a szülő konténer szélességét */
  height: auto;    /* Megőrzi az arányokat */
}

Mobile-First vs. Desktop-First:
- Mobile-First: A stílus először mobil eszközökre készül, majd min-width Media Queries segítségével bővül nagyobb képernyőkre. Jó gyakorlatnak számít, mivel egyszerűsíti a stílusozást a korlátozott erőforrásokkal rendelkező mobil eszközökön, és javítja a teljesítményt.
- Desktop-First: A stílus először asztali gépekre készül, majd kisebb képernyőkre csökkentik max-width Media Queries segítségével.
Funkciókészlet felismerése (Feature Detection): JavaScript használata a böngésző vagy az eszköz képességeinek meghatározására (pl. érintőfelület támogatása), és ennek megfelelő stílusok vagy funkciók alkalmazása. Az olyan eszközök, mint a Modernizr, segítenek ebben.
Reszponzív tipográfia: A betűméret és a sormagasság változtatása a képernyő méretétől függően, gyakran relatív egységek (em, rem, vw) és Media Queries segítségével.
```
/* Reszponzív tipográfia példa */
h1 {
  font-size: 2em;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3em;
  }
}
```
Szerver oldali felismerés: A készülék vagy böngésző típusának meghatározása a szerveren, és a megfelelő verziójú oldal vagy stílus küldése. Ez kevésbé elterjedt a modern frontend fejlesztésben.

Milyen megközelítéseket ismer az adaptív dizájn létrehozásához?