织梦M手机端/自适应网站内容图片变形解决办法

我们在做响应式网站或者织梦M功能手机站的时候，会发现如果内容页图片太大，在移动端显示会变形，dede手机端图片过长等问题，手机端文章内容页图片不能自适应！这给通过手机端浏览网站的用户造成了很不好的用户体验，那接下来一起来看看织梦M手机端/自适应网站内容图片变形解决办法吧！

推荐代码

<style>
.zycms img{
max-width: 1200px;
width: 100%;
height: auto;
display: block;
margin: 0 auto;
object-fit: contain;
}
</style>

解决方案一：

加入控制样式：<style>.con img{width: 100% !important; height:auto !important;}</style>

标签示例代码：

<div class="con">

<p>{dede:field name='body'/}</p>

</div>

解决方案二：

修改PHP系统文件：include/ arc.archives.class.php，查找代码：

//设置全局环境变量

$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];

@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');

在其下面填写：

//去掉img的width和height

$this->Fields['body'] = preg_replace("/style="width:(.*)"/","",$this->Fields['body']);

保存上传替换文件，然后生成，再查看源代码，我们会发现，自带的图片width和height属性 被成功的去掉了。