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

4 سال پیش توسط Navid Goalpure مطرح شد
آفلاین
user-avatar
Navid Goalpure ( 64 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

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

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

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

آفلاین
user-avatar
حسام موسوی ( 473587 تجربه )
4 سال پیش
تخصص : طراح و برنامه نویس

لینک کوتاه اشتراک گذاری

0

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

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.