样式亚马逊关联链接

问题描述

我有一个页面，其中多个亚马逊会员链接将像这样显示在页面上。

{amazon.map((amazon) => (
          <div className="col-sm-4" key={amazon.link}>
             <iframe
              style={{height: '300px',width: '300px'}}
              marginwidth="0"
              marginheight="0"
              scrolling="no"
              frameborder="0"
              src={amazon.link}
            ></iframe>
          </div>
        ))}

这工作正常，（链接存储在json文件中）。但是，当我尝试使图像的缩略图更大时，图像保持不变，并且附属项目之间的宽度/高度也变大。 https://community.st.com/s/question/0D50X00009XkXwuSAF/how-to-save-a-variable-in-nonvolatile-memory

我如何设计产品样式？ 先感谢您。
万一需要它，

解决方法

由于iframe呈现了您无法控制的亚马逊网页，因此您将无法编辑iframe的内容。解决此问题的一种方法是自己手动创建产品卡，而不使用Amazon提供的iframe。亚马逊会员提供了一个简单的URL链接，您可以使用该链接来构建自己的卡。