因为zblog博客程序的老版本是没有自带调用缩略图功能的，所以很多的站长朋友都会选择下载安装文章缩略图插件minitu插件来实现调用文章缩略图的功能。虽然minitu插件非常实用，可以帮我们轻松实现文章缩略图的调用，以此弥补程序本身的缺陷，但是对于minitu插件自身它也有一点缺陷，那就是关于文章调用的缩略图会变形的问题。如果调用的文章图片比例和原来的比例不符，或者同时调用几处的缩略图尺寸不一样的时候，这些缩略图就会变形。所以针对这个缩略图变形的情况，无忧主机小编现在基于php免备案空间来给站长朋友们完美的解决掉这个问题。 首先我们先来了解一下minitu插件代用缩略图的代码：

<a href="****" target="_blank" title="****"><img src="****" alt="****" /></a>

从代码中我们可以了解到这个插件的图片调用方法和参数，对此我们可以用<i>标签把图片的代码先装起来，然后用css样式来重新定义这个<i>标签的样式。思路理清了之后，我们先添加如下代码：

<i id="tu"><a href="****" target="_blank" title="****"><img src="****" alt="****" /></a></i>

然后添加css样式代码，用来设置<i>标签的宽度和高度，隐藏超出的部分；设置调用图片的宽度，高度忽略，避免图片尺寸不符导致图片变形，代码如下：

#tu { display: block; height: 106px; width: 144px; overflow: hidden; } #tu img { width: 144px; }

代码编辑好了后点击保存，在网站后台重建一下文件就可以了。

无忧主机相关文章推荐阅读：

ZBLOG添加背景图片的快捷方法

修改ZBLOG文章页的关键词和描述的方法

修改ZBLOG首页和列表页的关键词和描述方法

本文地址：https://www.51php.com/zblog/21329.html

上一篇: zblog添加背景图片的快捷方法
下一篇: zblog关于安装多说评论插件的一些问题