phpcms v9的手机门户模块默认情况下会将文章内容中的图片进行缩小压缩,然后生成一个附着查看原图的连接,这样虽然可以减小直接加载大图的网络带宽消耗,但也导致图片在外观布局上的不美观,如下图演示:
那么,该如何取消这种自动缩小图片的功能使图片能够宽度自适应呢?
解决思路:
找到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图片标签将其处理成小缩略图并带有“点击方法”文字链接。