Question

我能够弄清楚该怎么做才能使视频嵌入响应（在CSS样式表中进行少量添加，并在html编码上进行一些添加-很好）。

我无法弄清楚图片。我曾经在Tumblr中发布html更改，图片的嵌入看起来像这样：

</p><figure class="tmblr-full" data-orig-height="332" data-orig-width="1170"><img src="https://66.media.tumblr.com/fbfec10da6006e67fce4be8f5d7343ff/tumblr_inline_pl7kmovAHp1svrcsh_540.png" data-orig-height="332" data-orig-width="1170" alt="image"></figure><p>

有人可以帮助指导我吗？我对照片集或类似的东西不感兴趣。图像一旦移动即可调整大小。

Answer 1

您可以为max-width使用img选项，如下所示：

<img src="https://66.media.tumblr.com/fbfec10da6006e67fce4be8f5d7343ff/tumblr_inline_pl7kmovAHp1svrcsh_540.png"
  data-orig-height="332"
  data-orig-width="1170"
  alt="image"
  style="max-width: 100%">

或CSS：

/* On screens that are 1169px or less, set the max-width of img to 100% */
@media screen and (max-width: 1169px) {
  img {
    max-width: 100%;
  }
}

Tumblr-使图像帖子具有响应性

1 个答案: