| Omadus | Responsive Web Design | Adaptive Web Design |
| Põhimõte | Disain, mis kohandub igasuguse ekraani suurusega | Disain, millel on mitu mallid konkreetsetele seadmetele |
| Paindlikkus | Kasutab protsente | Kasutab piksleid |
| Keerukus | Üks variant kõigiks elujuhtudeks, kuid raske on loogikat mõista. | Tuleb joonistada ja teha mitu eraldi varianti erinevate seadmete jaoks. |
Koodi näited
Responsive:
.container {
width: 80%;
}
Adaptive:
@media (width: 768px) {
.container {
width: 700px;
}
}
Kokkuvõte
Ma arvan, et responsiivne disain on parem kui adaptiivne, sest pead ainult üks kord pead murdma ja pärast seda on kõik ilus. Ei pea istuma ja kõiki seadmeid kohandama, mille tõttu tuleb regulaarselt mingi aja järel koodi ümber kirjutada või juurde kirjutada.
Leht uuendatud vastavalt responsive disainile
https://nikitanikiforov24.thkit.ee/index.html
Kontroll brauseris
- Mobiil (nt iPhone)
- Tahvelarvuti
- Desktop (täisekraan)
