Moslashuvchan rasmlar

CSS yordamida moslashuvchan rasm yaratishni o‘rganing.

Moslashuvchan rasmlar ekran o‘lchamiga avtomatik ravishda moslashadi.

Moslashuvchanlik effektini ko‘rish uchun brauzer oynasi o‘lchamini o‘zgartiring:

Moslashuvchan rasmlar qanday yaratiladi

1-qadam) HTML qo‘shing:

2-qadam) CSS qo‘shing:

Agar rasm moslashuvchanlik uchun ham kattalashishi, ham kichrayishini istasangiz, CSS’ning width xossasini 100% ga, height ni esa auto ga o‘rnating:

Agar rasm kerak bo‘lganda kichrayishini, lekin hech qachon asl o‘lchamidan kattalashmasligini istasangiz, max-width: 100% dan foydalaning:

Agar moslashuvchan rasmni maksimal o‘lcham bilan cheklamoqchi bo‘lsangiz, max-width xossasidan o‘zingiz tanlagan piksel qiymati bilan foydalaning:

Rasmlarga qanday uslub berish haqida ko‘proq bilish uchun CSS rasmlar darsligimizga o‘ting.

Moslashuvchan veb-dizayn haqida ko‘proq bilish uchun CSS RWD darsligimizga o‘ting.