CSS-ში სხვადასხვა ეკრანებისთვის ვერსტკის შესავალი

თანამედროვე სამყაროში საიტმა კარგად უნდა იმუშაოს სხვადასხვა ზომის ეკრანის მოწყობილობებზე.

როგორც წესი, მოწყობილობებს ოთხ კლასად ყოფენ: კომპიუტერები (desktop), ლაპტოპები, პლანშეტები (tablet) და ტელეფონები (mobile).

ადრე, ძველ დროში, ყველა მოწყობილობის ეკრანის პოპულარული ზომები იყო ცნობილი, სიკეთეა, რომ ისინი ამდენი არ იყო. და საიტებს აკეთებდნენ ისე, რომ ისინი კორექტულად გამოისახებოდნენ ცნობილ გარჩევადობათა სიაზე.

ამჟამად მოწყობილობები იმდენი გახდა, რომ შეუძლებელია გარჩევადობათა სიის შედგენა, რისთვისაც საიტის გაკეთებაა საჭირო. ახლა ითვლება, რომ ვერსტკამ კორექტულად უნდა იმუშაოს ნებისმიერი ზომის ეკრანზე.

ეს მიიღწევა ბლოკების გადაწყობით მაკეტის საკვანძო წერტილებში. ამ შემთხვევაში ეს საკვანძო წერტილები არჩეულია არა კონკრეტული მოწყობილობების მიხედვით, არამედ საიტის კონტენტის მიხედვით - ისე, რომ იგი კარგად გამოიყურებოდეს.

საკვანძო წერტილებს შორის საიტის ელემენტების სიგანე უნდა იყოს მცურავი, რათა იგი მოერგოს ეკრანის სიგანეს. ხოლო საკვანძო წერტილებში ხდება ბლოკების გადაწყობა სხვა პოზიციებზე.

აღწერილ ვერსტკას ეწოდება მორგებადი ან მოქნილი (responsive). მის შესწავლას ჩვენ შევეცდებით მომდევნო გაკვეთილებზე.