Ներածություն CSS-ում տարբեր էկրանների համար վերստեղծման

Ժամանակակից աշխարհում կայքը պետք է լավ տեսք ունենա տարբեր չափսի էկրաններով սարքերի վրա:

Որպես կանոն, սարքերը բաժանվում են չորս դասի՝ համակարգիչներ (desktop), նոութբուքներ, պլանշետներ (tablet) և հեռախոսներ (mobile):

Նախկինում, հին ժամանակներում, հայտնի էին բոլոր սարքերի էկրանների հայտնի չափսերը, բարեբախտաբար, դրանք այնքան էլ շատ չէին: Եվ կայքերն այնպես էին պատրաստում, որ դրանք ճիշտ ցուցադրվեին հայտնի լուծաչափերի ցանկի վրա:

Ներկա պահին սարքերն այնքան շատ են դարձել, որ անհնար է կազմել լուծաչափերի ցանկ, որոնց համար պետք է կայք պատրաստել: Այժմ համարվում է, որ վերստեղծումը պետք է ճիշտ ցուցադրվի ցանկացած չափսի էկրանով:

Սա ձեռք է բերվում բլոկների վերադասավորմամբ դասավորության հիմնական կետերում: Ընդ որում, այդ հիմնական կետերը ընտրվում են ոչ թե կոնկրետ սարքերի համար, այլ կայքի բովանդակության համար՝ այնպես, որ այն լավ տեսք ունենա:

Հիմնական կետերի միջև տարրերի լայնությունը պետք է լինի լողացող, որպեսզի այն հարմարվի էկրանի լայնությանը: Իսկ հիմնական կետերում տեղի է ունենում բլոկների վերադասավորում այլ դիրքերում:

Նկարագրված վերստեղծումը կոչվում է հարմարվող կամ արձագանքող (responsive): Սրա ուսումնասիրությամբ մենք կզբաղվենք հաջորդ դասերին: