艾利百科--临沂网站制作,临沂网页设计,临沂微信公众号,兼容并蓄,开放共赢!

艾利百科

当前位置: 主页 > 网站制作 > 手机网站 >

织梦去除文章页及内容页上传图片自带的宽高属性

时间:2018-07-03 11:15来源:未知 作者:kunbeatable 点击:
文章页上传的图片会在行间自带width和height样式属性。在PC端时可以有效控制图片的尺寸,然而在移动端由于这自身所携带的属性,导致屏幕较小的时候,宽度可以自适应,而高度却被限定住,导致图片发生变形。如何解决这个问题呢,也就是如何去除文章页中上传图
文章页上传的图片会在行间自带width和height样式属性。在PC端时可以有效控制图片的尺寸,然而在移动端由于这自身所携带的属性,导致屏幕较小的时候,宽度可以自适应,而高度却被限定住,导致图片发生变形。如何解决这个问题呢,也就是如何去除文章页中上传图片的自带的width和height属性呢?



打开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属性不见了。随着屏幕宽度的不断调整,图片会同比例缩放。达到了我们想要的效果。

然而问题又来了,回到频道封面页(内容页),发现图片的行间样式宽高依然存在,如何去解决这个问题呢?很简单
在图片的最外层添加统一的图片css样式。

.content img{max-width:100%; height:auto !important}
顶一下
(3)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片