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

3 سال پیش
توسط حسام موسوی آپدیت شد
Navid Goalpure ( 64 تجربه )
3 سال پیش

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

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

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

حسام موسوی ( 365856 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

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

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