OpennetUZ

Ushbu maqolada moslashuvchan fotogalareyani CSS ning o'zida yaratishni ko'ramiz. Moslashuvchan galareyada rasmlar o'lchami va maket ekran razmeriga avtomatik moslashishi kerak. Ushbu usulni men Turkcha-O'zbekcha Lug'at ilovasida foydalandim.

Oldingi postlarda yozilgan moslashuvchan web dizayn usullaridan foydalanib bir test o'tkazib kor'amiz.
G'oya shunday: kichik bir sahifa yaratamiz, orqa fonga qandaydir rasm joylashtiramiz. Va orqa fon rasmi har hil ekranda har hil rasm bo'ladi. Buning asosiy maqsadi shundaki, katta ekranlarda sahifa ochilganda fon rasmi katta bo'lishi kerak(hajm ham katta boladi) va kichik ekranlarda ochilganda fon kichik bo'ladi. Bu web sahifalarimizi samalari bo'lishiga yordam beradi. Shuningdek, sahifamizga 2 ta foreground rasm joylaymiz, ya'ni img tega orqali va bu rasmlar ham sahifamizga moslashishini ko'ramiz.

1-maqolaning davomi…

Moslashuvchan rasmlar
Moslashuvchan dizaynlar bilan ishlayotganda kelib chiqadigan eng asosiy muammolardan biri bu rasmlar bilan ishlashdir. Rasm o’lchamini proporsional(har tomonini teng) o’zgartirish uchun ko’plab usullar bor va ba’zilar judayam oson.