热门关键词: phpcms 文章排序

phpcms wap手机门户中文章详情页图片太小宽度不能自适应解决办法

Views / 收藏到本站 / 收藏到浏览器

问题描述:

phpcms v9的手机门户模块默认情况下会将文章内容中的图片进行缩小压缩,然后生成一个附着查看原图的连接,这样虽然可以减小直接加载大图的网络带宽消耗,但也导致图片在外观布局上的不美观,如下图演示:

phpcms wap手机门户中文章详情页图片太小宽度不能自适应

那么,该如何取消这种自动缩小图片的功能使图片能够宽度自适应呢?

解决方法:

解决思路:

找到wap手机版详情页控制器方法中的处理缩小图片的代码将其去掉,然后在内容页样式中加入针对文章图片的宽度100%高度自动的css样式。

具体操作:

找到文件目录:/phpcms/modules/wap/index.php中的show()方法,找到大约第218行将其删掉或注释掉,代码如下:

// $content = content_strip(wml_strip($content));

然后,将对应文章详情页模板中的css样式中对于文章中的img标签加入如下css样式:

img{width:100%;height:auto}

知识点注释:

content_strip()函数是wap模块函数库文件(/phpcms/modules/wap/functions/global.func.php)中的方法,功能即匹配给定内容中的img图片标签将其处理成小缩略图并带有“点击方法”文字链接。