Question

我正在构建一个与Twitter API接口的简单应用程序，其中一部分涉及显示推文。我正在拉动配置文件图片的URL，但是当我将它用作img标签的src时，它呈现为1px x 1px。如果我只是将链接粘贴到地址栏中，它会完全按照我的预期显示图像。我自然认为我的CSS是错的，但实际上任何来自Twitter的图像存储的图像都可以正常工作。

这是一个证明问题的方法：

https://jsfiddle.net/7Lv8g8uz/2/

HTML

<!-- URL pulled from Twitter API-->
<figure class="image is-64x64">
  <img src="https://pbs.twimg.com/profile_images/429198033666863104/KGl1cz6-_normal.jpeg" alt="Image">
</figure>

<!-- Random image from Google -->
<figure class="image is-64x64">
  <img src="https://play.google.com/books/publish/u/0/static/images/google-search.png" alt="Image">
</figure>

相关CSS

.image {
  display: block;
  position: relative;
  vertical-align: top;
}

.is-64x64 {
  height: 64px;
  width: 64px;
}

img {
  max-width: 100%;
}

这是Twitter图像的已知问题，还是我遗漏了一些非常明显的东西？

Answer 1

事实证明Disconnect阻止了Twitter图像存储中的图像，但我猜测它在实际Twitter域的幕后被关闭（这就是为什么图像在那里渲染得很好）。我知道这会很简单！

来自Twitter API的图像呈现为1px x 1px

1 个答案: