BUG:7.0模板首页新闻版块缩略图自定义宽度设定无效,怎么设定都只显示200px
BUG:7.0模板首页新闻版块缩略图自定义宽度设定无效,怎么设定都只显示200px。
问题描述:曾工单反馈,官方认为这不是bug,故而想办法解决,为正常显示长宽比一致的缩略图,只能设定宽高为200px X 198px,电脑上浏览没啥问题,手机上浏览时图片特别模糊,前台设定宽度无法生效。
文件路径:templates/metv7/static/
代码分析:模板首页文件为index.php,css调用文件为metinfo.css,初步了解缩略图显示原理是根据浏览器的分辨率或是浏览器缩放比例调用不同的css:
index.php设置新闻版块缩略图代码:
<img class="media-object" data-original="{$v.imgurl|thumb:$lang[home_product_img_w],$lang[home_product_img_h]}" alt="{$v.title}">
metinfo.css:
/*BUG修正:2021年06月28日修改width: 200px为300px,浏览缩放比例(100%-150%)时以修正首页新闻缩略图宽度设定超200px时只能显示200px的bug,未完全解决bug,冯 */
原代码:
.met-index-news .media-lg .media-object{width: 200px;height: 100%;object-fit: cover;}
@media (max-width:1600px){
.met-index-news .media-lg .media-object{width: 200px;height: 100%;object-fit: cover;}
修改为:
.met-index-news .media-lg .media-object{width: 300px;height: 100%;object-fit: cover;}
@media (max-width:1600px){
.met-index-news .media-lg .media-object{width: 300px;height: 100%;object-fit: cover;}
源文件版权:本代码源文件版权归厂家所有,本文只涉及bug修复!
- THE END -