مرجع تخصصی برنامه نویسان

بزرگترین انجمن برنامه نویسان فارسی زبان

رسپانسیو کردن نمایش یک تصویر در نماهای تبلت و گوشی

پنج شنبه, 03 خرداد 1397 18:48

رسپانسیو کردن نمایش یک تصویر در نماهای تبلت و گوشی

سلام به دوستان گرامی ,

من از یه اسلایدر تو سایتم استفاده میکنم که بصورت رسپانسیو و با Bootstrap 3.3.7 طراحی شده ,

مشکلی که هست اینه که تصاویر اسلایدر وقتی سایز صفحه کوچیکتر میشه بصورت کامل نمایش داده نمیشه :

در تصوریر زیر میبینید:

باید چه Css رو بهش بدم که در تمام نما ها و در هر سایزی که قرار میگیره تصویر بصورت کامل نمایش داده بشه ؟

اگه راهنمایی بفرمایید خیلی خیلی ممنون میشم.

جمعه, 04 خرداد 1397 11:34

سلام دوست عزیز.

از کد زیر استفاده کنید :

<img src="..." class="img-fluid" alt="...">

این کلاس بوت استرپ عرض رو برابر 100 درصد و طول رو روی auto تنظیم می کنه که برای رسپانسیو کردن عکس بکار کیره .

برای اطلاعات بیشتر در مورد کار با عکس ها در بوت استرپ به لینک زیر برو :

https://getbootstrap.com/docs/4.1/content/images/

سایت بالا کلا در مورد کار با بوت استرپه. حتما کلشو یه نگاهی بنداز کلی سرعت کارت میره بالا

موفق باشید

جمعه, 04 خرداد 1397 12:03

میتونید width:100% هم بدید

ارسال پاسخ برای این تاپیک

ارسال پاسخ مخصوص اعضا سایت می باشد ! میتوانید با حساب کاربری خود وارد سایت شده یا ثبت نام کنید