本文简介：其实不管是anqicms还是其他的cms都是一样的，我看了一下anqicms原来设置的缩略图，宽度是100%，高度也是100%，这样显示的话，默认的第一张图是缩略图，假如第一张图片是很高的话，就把图片撑得很长，很难看，为此anqicms服务网站长杨泽业，对css代码进行了优化，修改、演示成功以后，就把相关的操作方法，告诉给大家，大家可以根据本代码进行修改：
问：在anqicms系统中，让缩略图显示的高度固定
答：其实不管是anqicms还是其他的cms都是一样的，我看了一下anqicms原来设置的缩略图，宽度是100%，高度也是100%，这样显示的话，默认的第一张图是缩略图，假如第一张图片是很高的话，就把图片撑得很长，很难看，为此anqicms服务网站长杨泽业，对css代码进行了优化，修改、演示成功以后，就把相关的操作方法，告诉给大家，大家可以根据本代码进行修改：
原代码：
.post-logo img {
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover;
vertical-align: middle;
}
改成：
.post-logo img {
width: 100%;
height: auto; /* 修改这里，让高度自适应 */
max-height: 155px; /* 添加最大高度 */
border-radius: 4px;
object-fit: cover;
vertical-align: middle;
}
这样一修改，网站的缩略图就很美观了，其他的cms也是一样的哦，大家赶快来试一试吧！
本站部分内容来源于网络，如有侵犯您的版权，请联系我们反馈，本站将在三个工作日内改正。
