یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
سعید
5 سال پیش توسط سعید مطرح شد
8 پاسخ

چگونه اندازه تصاویر در card bootstrap را یکسان کنیم

سلام دوستان فرض کنید یک کارد بوت استرپ داریم استفاده میکنیم. اندازه width شون که مشکلی نداره و رسپانسیو هست.
اما عکس ها در height یکسان نیستن و باعث میشه وقتی در یک row کنار هم قرار بگیرن بسیار زشت بشه.
میدونم اگر به همشون یک height یکسان بدیم مشکل حل میشه.
ولی اگر height یکسان بدیم وقتی سایز صحفه کم میشه ، باز یه مشکل داریم که عکس ها بد شکل و دفورم میشن.
اگر img_fluid هم بدیم اندازه height فرق میکنه و یکسان نیست.
سوالم اینه که آیا باید عکس رو با اندازه های مختلف ذخیره کنیم ؟ یا راه دیگه ای داره.
اگر دقیقا بخواین منظورم رو متوجه بشید به اندازه height مقالات در راکت نگاه کنید . در اینجا عکس ها اصلا دفورم نمیشن در هر اندازه ای .

ممنون میشم دوستان راهنمایی کنن
@hossein.r.1442 @ @hesammousavi @ali.bayat @mohsenbostan و سایر دوستان


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

یا باید ارتفاع ثابتی به عکس ها بدین.
یا باید همواره در ابعاد ثابتی عکس هارو در ابتدا ایجاد کنید.
در راکت هم تا جایی که یادمه از روش دوم استفاده میشه. عکس های مقالات ابعاد مشخصی دارند. میتونید چندتا از عکس های مقالات را باز کنید و این قضیه رو ببینید. ابعادش هم 280 پیکسل برای عرض و 200 پیکسل برای ارتفاع هستش.

ابعاد مشخص و از قبل تعریف شده برای عکس ها چیز عجیبی نیست و خیلی سایت ها اینجوری هستند.


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

@milad
اهااا
خیلی ممنون میشم سایر دوستان هم تجربشون رو به اشتراک بذارن.


محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 5 سال پیش مطرح شد
1

@Saeeed
همون طور که دوستمون گفت، بهترین راه استفاده از یک سایز استاندارد برای کل مقالات هستش. این طوری با پیدا کردن یک نسبت مناسب در هر اندازه ای از صفحه نمایش های مختلف کیفیت حفظ میشه.


shiva pourghasemi
@shiva.pourghasemi44 5 سال پیش مطرح شد
2

میتونید عکس رو به عنوان بکگراند بزارید و background-size: cover ست کنید


reza ataei
تخصص : در حال یادگیری.....
@rezaataei54 5 سال پیش مطرح شد
0

با دادن height ثابت به تصاویر مشکلی فک نکنم پیش بیاد.از درصداستفاده کنید ببینید حل میشه؟


سید حسین رضوی
تخصص : برنامه نویس وب و طراح رابط کار...
@hossein.r.1442 5 سال پیش مطرح شد
1

دقیقا دوستان ذکر کردند شما میتونید ولیدیت کنید که تصاویر آپلودی باید در این ابعاد باشند یا حتی در این استاندارد مثلا
تصویری که نمایش میدید 200 در 200 هست حالا اگه تصویر 325 در 325 هم کسی آپلود کرد ایراد نگیره


سعید
تخصص : برنامه نویس وب
@Saeeed 5 سال پیش مطرح شد
0

ممنون از همه دوستان


مهدی مرزبان
@mehdi0048 2 سال پیش مطرح شد
0
البته همه دوستان گفتند  

به img یه کلاس بدین و تو css یا scss براش یه ارتفاع یکسان با vh تعریف کنید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام