реагировать img sr c показывает испорченное изображение на мобильных телефонах, но прекрасно загружается на ПК - PullRequest
Новая
       41

реагировать img sr c показывает испорченное изображение на мобильных телефонах, но прекрасно загружается на ПК

0 голосов
/ 29 февраля 2020

Я работаю над проектом и использую ссылки sr c из продуктов amazon.com. Когда я использую проект на своем p c (уменьшая с помощью инструментов dev), изображения загружаются без проблем. Но когда я загружаю приложение на телефон в Safari или chrome, оно показывает испорченное изображение?

ссылка хранится в базе данных psql и передается через объект product.picture_main.

Image link

const { product } = this.context

return (
  <React.Fragment>
    <section className='ItemPage'>
      <img id="itemImg" src={product.picture_main} alt='' />
      <div className='ItemPage_ItemDetails'>
        <h1 id="itemName">{product.product_name}</h1>
        <h3 id="itemRoast">Roast: {product.product_roast}</h3>
        <h3 id="itemOrigin">Origin: {product.origin}</h3>
        <h4 id="itemDetails">{product.details}</h4>
        <h3 id="itemPrice">Price: ${product.price}</h3>
        <div className='ItemPage_addButton'>
          <AddToCartButton product={product} />
        </div>
      </div>
    </section>
  </React.Fragment>
);

приведенный выше код хорошо отображается в chrome и я устанавливаю ширину / высоту 200 пикселей, поэтому я не знаю, что является причиной испорченного изображения.

...