造型亚马逊附属链接答案

【问题标题】：Styling amazon affliate links造型亚马逊附属链接
【发布时间】：2021-02-11 07:51:35
【问题描述】：

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

{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 文件中）。但是，当我尝试将图像的缩略图放大时，图像会保持相同的大小，并且附属项目之间的宽度/高度会变大。

如何设计产品样式？先感谢您。
以防万一：

github repo

【问题讨论】：

标签： html css reactjs iframe amazon-product-api

【解决方案1】：

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

【讨论】：

看来这就是我要做的，谢谢。