Question

我的问题是我想建立一个instagram并以1行8列的形式供稿，在请求中一切顺利，但是instagram返回的图像为150 * 150，但它们显示的要大得多。

您可以在这里看到此：http://kaleidoventure.info/kotha-pro-normal-css/archive-cat.php

我在html img标签中设置了width和height属性。

当我在Chrome中打开开发者工具时，它显示得很好。是什么原因造成的？

这是我的代码：

    function getInstagramFeed() {


    $.get("https://api.instagram.com/v1/users/self/media/recent/?access_token=ACCESS_TOKEN", function( data ) {
      for (var i = 0; i != 8; i++) {
        console.log(data);
        $("#footer-instagram").append("<div class='item'>" +
          "<div class='single-instagram'>" +
            "<a href='" + data.data[i].link + "'>" +
              "<img src='" + data.data[i].images.thumbnail.url + "' style='width:100%;height:100%' alt=''>" +
            "</a>" +
            "<div class='insta-overlay'>" +
              "<div class='insta-meta'>" +
                "<ul class='list-inline text-center'>" +
                   "<li><a href='" + data.data[i].link + "'><i class='fa fa-heart-o'></i></a> " + data.data[i].likes.count + "</li>" +
                   "<li><a href='" + data.data[i].link + "'><i class='fa fa-comment-o'></i></a> " + data.data[i].comments.count + "</li>" +
                "</ul>" +
               "</div>" +
             "</div>" +
             "<a href='" + data.data[i].link + "' class='insta-link'></a>" +
           "</div>" +
         "</div>");
   }
 });
}
getInstagramFeed();

任何帮助都会受到欢迎，这要感谢阅读/回答此问题的人。

Answer 1

我不知道会是什么样，但这可能有用：

.fa fa-heart-o, .fa fa-comment-o {
    width:50px;
    height:50px;
}

或者您可以这样操作：

.fa fa-heart-o,
.fa fa-comment-o {
    width:50px;
    height:50px;
}

我还建议您使用_而不是' '，因为有时它不起作用。

或者如果您不必担心其他图像，可以使用：

img{
    width:50px;
    height:50px;
}

缩略图显示为已缩放，但宽度和高度为150

1 个答案: