Milline on erinevus kohanduva ja reageeriva disaini vahel?

Kohanduv disain hõlmab eelnevalt määratletud paigutuste (breakpointide) kasutamist konkreetsete ekraanisuuruste jaoks. Reageeriv disain kohandub paindlikult ekraani suurusega, kasutades suhtelisi ühikuid, paindlikku võrku ja meedia päringuid.

Omadus	Kohanduv disain	Reageeriv disain
Lähtepunkt	Fikseeritud paigutuste kogum	Vedel, paindlik
Breakpointid	Fikseeritud, eelnevalt määratletud	Paindlikud, sõltuvad sisust
Ühikud	Piksellid (px)	Suhtelised (%, em, rem, vw, vh)
Paigutus	Muutub järsult breakpointi saavutades	Sujuvalt skaleerub ja ümber korraldab
Kasutus	Optimeerimiseks konkreetsetele seadmetele	Sujuv skaleerimine kõigis seadmetes