Адаптивті веб-дизайн дегеніміз не?

Адаптивті дизайн — бұл веб-әзірлеудегі тәсіл, онда бетінің дизайны мен құрылымы әртүрлі экран өлшемдеріне және құрылғыларға (ұялы телефондар, планшеттер, десктоптар) автоматты түрде бейімделеді. Бұл CSS көмегімен жүзеге асырылады, әсіресе медиа-сұраулар (@media), олар құрылғының сипаттамаларына байланысты әртүрлі стильдерді қолдануға мүмкіндік береді.

Медиа-сұраудың мысалы, кішкентай экрандарда қаріп өлшемін өзгерту үшін:

body {
  font-size: 16px;
}

@media (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

Адаптивті дизайн пайдаланушы тәжірибесін жақсартады, сайтты кез келген құрылғыда ыңғайлы әрі оқуға оңай етеді, бөлек нұсқаларын жасау қажеттілігінсіз.