Ievads dažādu ekrānu izkārtojumā CSS

Mūsdienu pasaulē vietnei ir jāizskatās labi ierīcēs ar dažāda izmēra ekrāniem.

Parasti ierīces iedala četrās klasēs: datori (desktop), klēpjdatori, plankšķdatori (tablet) un telefoni (mobile).

Agrāk, senos laikos, bija zināmi populāri visu ierīču ekrānu izmēri, par laimi to nebija tik daudz. Un vietnes tika veidotas tā, lai tās pareizi darbotos zināmā izšķirtspēju sarakstā.

Pašlaik ierīču ir kļuvis tik daudz, ka nav iespējams izveidot izšķirtspēju sarakstu, kurām vietne jāpielāgo. Tagad tiek uzskatīts, ka izkārtojumam jādarbojas pareizi jebkura izmēra ekrānā.

To panāk, pārkārtojot blokus izkārtojuma atslēgas punktos. Šajā gadījumā šie atslēgas punkti tiek izvēlēti nevis konkrētām ierīcēm, bet gan vietnes saturam - tā, lai tas izskatītos labi.

Starp atslēgas punktiem elementu platums vietnē ir jābūt peldošam, lai tas pielāgotos ekrāna platumam. Un atslēgas punktos notiek bloku pārkārtošana citās pozīcijās.

Aprakstīto izkārtojumu sauc par adaptīvo vai atsaucīgo (responsive). Ar to mēs nodarbosimies nākamajās nodarbībās.