PROSAGA码农传奇-html/HTML5-InstaFeed.js：将拇指大小从150x150更改为250x250

InstaFeed.js：将拇指大小从150x150更改为250x250

作者: 滔滔江水
发布时间: 2024-12-30 08:38:37 (1月前)
转自：

<div class =“post-text”itemprop =“text”>
  
    Instafeed的解决方案选项是
     <code>
 thumbnail
 </code>
    ，
     <code>
 low_resolution
 </code>
     和
     <code>
 standard_resolution
 </code>
    。这些转换为Instragram API提供的图像大小。这些是150px x 150px缩略图，最大尺寸为320像素的图像和最大尺寸为640像素的图像。
  
  
    所以要以210px x 210px显示，我会选择中间的（
     <code>
 low_resolution
 </code>
    ）。改变这一行：
  
   <pre>
 <code>
 resolution: 'thumbnail',

</code>
 </pre>
  
    至
  
   <pre>
 <code>
 resolution: 'low_resolution',

</code>
 </pre>
  
    这不会提供裁剪方块，但我建议你在CSS中处理这个问题。一种方法是使用
     <code>
 object-fit: cover
 </code>
     （
    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit" rel="nofollow noreferrer">
      https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
    </A>
    ）并确保
     <code>
 img
 </code>
     是方形的。例如，您可以执行以下操作：
  
   <pre>
 <code>
 #instafeed a img {
 height: 210px;
 width: 210px;
 object-fit: cover;
}

</code>
 </pre>
  
    检查浏览器支持“object-fit”以确保它适合您的项目
  
</DIV>