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

3 سال پیش

Navid Goalpure ( 64 تجربه )

3 سال پیش

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

onst styles = {
  main:{
  height: "400px",
  backgroundImage: "url(" + Background + ")",
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center'
},
}
...
<Grid fluid  style={styles.main}>

میخوام بک گراند اون تو سایزهای مختلف صفحه نمایش از عکس های متفاوتی استفاده کنه
چه راه حلی پیشنهاد میکنید؟

reactjs

حسام موسوی ( 365856 تجربه )

@hesammousavi

3 سال پیش

تخصص : طراح و برنامه نویس

میتونید از پروپرتی object fit استفاده کنید تا راحت بر اساس سایز تصویرتون fit بشه

برای ارسال پاسخ باید وارد سایت شوید

ایجاد بحث و گفتگو

آموزش برنامه‌نویسی

اگر به دنبال یادگیری برنامه‌نویسی و طراحی‌وب هستید، ما در راکت آموزش‌های مختلفی را برایتان آماده کرده‌ایم که می‌توانید از آن‌ها بهره ببرید.

گفتگوهای مرتبط

طراحی ساختار درست برای ریسپانسیو کردن کامپوننت ها

سلام تو صفحه ای که دارم طراحی میکنم، دو طراحی متفاوت برای یک کامپوننت لازمه. یکی برای دسکتاپ و یکی برای موبایل. این دو طراحی رو به دو روش زیر میتونم انجام بدم: ۱- طراحی دو کامپوننت مجزا و مشخص کنم تو...

1 پاسخ

مشکل در استفاده ویو جی اس در لاراول

درود و خسته نباشید تا جایی که میدونم در استفاده ی ویو در لاراول در یک صفحه ی .blade یک دیو گذاشته میشه و آی دی همون دیو داخل فایل جی اس داده میشه به عنوان element یا همون el حالا وقتی که من چند تا صفح...

4 پاسخ

طراحی قالب سایت

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

3 پاسخ

مقایسه قیمت سایت های متفاوت

با سلام میخواستم یک سایت درست کنم که قیمت های محصولات های متفاوت از سایت های متفاوت دریافت کنه و ارزان ترین آن ها را معرفی کنه دقیقا مثل سایت torob.com ولی نمیدونم چطور باید جستجو کنم ؟ اطلاعات دریافت...

2 پاسخ

ساخت بک گراند

سلام این بک گراند هایی که تازه مد شده اند را چگونه می توان ساخت؟ مثلا در صفحه اول سایت راکت، بک گراند قسمتی که نوشته به دنیای برنامه نویسی پرتاب شو

4 پاسخ

استفاده از throttle برای روت های متفاوت

وقت بخیر دوستان. من دوتا route دارم و میخوام با استفاده از throttle بگم که کاربر به هرکدوم از این روت ها هر ساعت 5 بار دسترسی داشته باشه (به هرکدوم) و به این شکل نوشتمش: Route::middleware('throttle:5,...

9 پاسخ