网站服务商：修复mipcms网站图片全屏，恢复原始图片大小的方法

网站服务商杨泽业：修复mipcms网站图片全屏，恢复原始图片大小的方法我们使用mipcms站群体验版1.7版本的时候，发布的图片，明明低于400的宽度，但是在发布以后，却自动按

网站服务商杨泽业：修复mipcms网站图片全屏，恢复原始图片大小的方法

我们使用mipcms站群体验版1.7版本的时候，发布的图片，明明低于400的宽度，但是在发布以后，却自动按比列拉宽到728的宽度，这样每个图片看起来都不太真实，有的小图片拉大以后，就变得模糊了，所以还是保持原图大小的好。

我把这个问题告诉给了北凉网的老乔，让他来研究一下怎么解决，下午的时候，他说他有空就研究一下，他毕竟还是很厉害的，在晚上的时候，就告诉了我解决方法，现在我就在这里告诉大家，想修改的话，就照着本教程修改就是了。

修改方法一 ：我们找到   根目录\public\assets\default\css\mipcms.css  第495行

在 .mipcms-detail-body img {  } 里添加以下三行

width: auto;
min-width: auto;
height: auto;

得到整体的结果是：

.mipcms-detail-body img {
  margin: 0 ;
  vertical-align: middle;
  width: auto;
  min-width: auto;
  height: auto;
}

其中margin:0 5px;是默认未修改时的，我修改成是margin:0；

修改方法二：

我们找到   根目录\template\default\article\articleDetail.html

在 {block name="style"}{__block__} {/block} 第4-7行中添加以下内容

.mipcms-detail-body img{
    width: auto;
    min-width: auto;
    height: auto; 
｝

修改以后就是下面这样的：

{extend name="main/main"/}
<style type="text/css">
{block name="style"}{__block__}
.mipcms-detail-body img{
    width: auto;
    min-width: auto;
    height: auto; 
}
    
{/block}
</style>

本站所有的mipcms教程都是本站亲身体验的，并非其他网站复制粘贴而来，其他的网站账号，自己都搞不懂的东西，也到处复制粘贴，本人另一个网站https://mjnc.yangzeye.cn就是站群体验版1.7版本的，亲自测试有效以后，才把教程发布出来的。

两种方法任选一种 就行了哦！

好了，让mipcms文章修复mipcms网站图片全屏，恢复原始大小的教程就结束了，欢迎你关注本栏目其他教程，让你的网站用户体验更好，收录更多，也希望大家赚钱更多！

猜你喜欢