首页 > 建站‧营销

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


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

解决方案一:

加入控制样式:<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属性 被成功的去掉了。

本文链接:https://www.zhanque.net/cms/4769.html