Post Blogger添加相关帖子图片大小不自然

Post Blogger添加相关帖子图片大小不自然,post,blogger,image-resizing,Post,Blogger,Image Resizing,我为博主找到了一篇相关的帖子。除了图像微缩外,它工作正常。如果图像在代码中的比例不是w&h,那么它会以一种奇怪的方式调整大小。我试过其他方法,但都不管用 代码如下: <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:100%; margin-bottom:40px;border-top: 8

我为博主找到了一篇相关的
帖子。除了图像微缩外,它工作正常。如果图像在代码中的比例不是w&h,那么它会以一种奇怪的方式调整大小。我试过其他方法,但都不管用

代码如下:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:100%; margin-bottom:40px;border-top: 8px ridge #eaeaea;border-bottom: 4px ridge #eaeaea;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#related-posts h2{margin-top: 40px;margin-bottom: 20px;background:none;font:18px Play;padding:3px;color:#999999; text-transform:uppercase;}
#related-title {color:#666;text-align: center !important;padding: 0px 60px 10px;font-size:12px;width:110px; height: 40px;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width:220px;height:auto;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 5px;  -moz-border-radius: 20px; border-radius: 5px; opacity:0.7; filter:alpha(opacity=70);border-radius:24px;}
#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0}</style>

#相关帖子{浮动:左;宽度:100%;边距底部:40px;边框顶部:8px脊#eaeaea;边框底部:4px脊#eaeaea;}
#相关帖子a{右边框:1px点#eaeaea;}
#相关帖子a:悬停{背景:#EEEEEE;}
#相关帖子h2{页边空白顶部:40px;页边空白底部:20px;背景:无;字体:18px播放;填充:3px;颜色:#999999;文本转换:大写;}
#相关标题{颜色:#666;文本对齐:居中!重要;填充:0px 60px 10px;字体大小:12px;宽度:110px;高度:40px;}
#相关职位{边距:5px;边框:2px实心#f2f2f2;宽度:220px;高度:自动;过渡:所有300ms缓进-缓出;-webkit过渡:所有300ms缓进-缓出;-moz过渡:所有300ms缓进-缓出;-o过渡:所有300ms缓进-缓出;-ms过渡:所有300ms缓进-缓出;-webkit边框半径:5px;-moz边框半径:20px;边框半径:5px;不透明度:0.7;过滤器:alpha(不透明度=70);边界半径:24px;}
#相关帖子。相关图片:hover{border:2px solid}E8E8E8;不透明度:1.0;过滤器:alpha(不透明度=100);-moz不透明度:1.0;-khtml不透明度:1.0}

你能分享一个演示博客吗,在那里你可以使用“相关帖子”小部件吗?www.okowoku.blogspot.com,我有一半的解决方案。我确实将每篇帖子的第一张图片更改为一个大小。但是,当你必须更改30多篇帖子的图片@时,这会是一件大事。@最好知道如何获取或制作只将图片剪切为默认值的代码。你能吗分享一个演示博客,在那里你可以使用“相关文章”小部件?www.okowoku.blogspot.com,我有一半的解决方案。我确实将每篇文章的第一个图像都更改为一个大小。但是,当你必须更改30多篇文章的图像@时,这将是一件大事。@最好知道如何获取或生成只将图像剪切为默认值的代码。