Question

我创建了一个热门的帖子小部件，看起来缩略图只显示实际图片的一部分，而不是整个图片。

__toString()

我已经完成了一百万次，但无法弄清楚什么是错误的。

<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
<script type='text/javascript'>                   
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,&quot;s&quot;+size+&quot;-c&quot;);
var thumbnails = blogGadget.getElementsByTagName(&quot;img&quot;);
for(var i=0;i&lt;thumbnails.length;i++){ 
thumbnails[i].width = size; 
thumbnails[i].height = size; 
}
}
changeThumbSize(&quot;PopularPosts1&quot;,300);                   
</script>

有什么建议吗？谢谢:)）

Answer 1

你可以编写你的代码吗？

我认为您可以使用background-size: contain;，它会使您的图像适合您的拇指区域。

检查出来：http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

缩略图仅显示图像的一部分

1 个答案: