چگونه اندازه تصاویر در card bootstrap را یکسان کنیم
سلام دوستان فرض کنید یک کارد بوت استرپ داریم استفاده میکنیم. اندازه width شون که مشکلی نداره و رسپانسیو هست.
اما عکس ها در height یکسان نیستن و باعث میشه وقتی در یک row کنار هم قرار بگیرن بسیار زشت بشه.
میدونم اگر به همشون یک height یکسان بدیم مشکل حل میشه.
ولی اگر height یکسان بدیم وقتی سایز صحفه کم میشه ، باز یه مشکل داریم که عکس ها بد شکل و دفورم میشن.
اگر img_fluid هم بدیم اندازه height فرق میکنه و یکسان نیست.
سوالم اینه که آیا باید عکس رو با اندازه های مختلف ذخیره کنیم ؟ یا راه دیگه ای داره.
اگر دقیقا بخواین منظورم رو متوجه بشید به اندازه height مقالات در راکت نگاه کنید . در اینجا عکس ها اصلا دفورم نمیشن در هر اندازه ای .
ممنون میشم دوستان راهنمایی کنن
@hossein.r.1442 @ @hesammousavi @ali.bayat @mohsenbostan و سایر دوستان
پاسخها
8
یا باید ارتفاع ثابتی به عکس ها بدین.
یا باید همواره در ابعاد ثابتی عکس هارو در ابتدا ایجاد کنید.
در راکت هم تا جایی که یادمه از روش دوم استفاده میشه. عکس های مقالات ابعاد مشخصی دارند. میتونید چندتا از عکس های مقالات را باز کنید و این قضیه رو ببینید. ابعادش هم 280 پیکسل برای عرض و 200 پیکسل برای ارتفاع هستش.
ابعاد مشخص و از قبل تعریف شده برای عکس ها چیز عجیبی نیست و خیلی سایت ها اینجوری هستند.
@milad
اهااا
خیلی ممنون میشم سایر دوستان هم تجربشون رو به اشتراک بذارن.
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@Saeeed
همون طور که دوستمون گفت، بهترین راه استفاده از یک سایز استاندارد برای کل مقالات هستش. این طوری با پیدا کردن یک نسبت مناسب در هر اندازه ای از صفحه نمایش های مختلف کیفیت حفظ میشه.
میتونید عکس رو به عنوان بکگراند بزارید و background-size: cover ست کنید
با دادن height ثابت به تصاویر مشکلی فک نکنم پیش بیاد.از درصداستفاده کنید ببینید حل میشه؟
دقیقا دوستان ذکر کردند شما میتونید ولیدیت کنید که تصاویر آپلودی باید در این ابعاد باشند یا حتی در این استاندارد مثلا
تصویری که نمایش میدید 200 در 200 هست حالا اگه تصویر 325 در 325 هم کسی آپلود کرد ایراد نگیره
ممنون از همه دوستان
البته همه دوستان گفتند به img یه کلاس بدین و تو css یا scss براش یه ارتفاع یکسان با vh تعریف کنید