DedeCMS手机wap网站图片自适应bug修改

名站网址导航为大驾家提供DedeCMS站点程序站点教程相关的知识，比如织梦程序安装教程,织梦程序系统故障等教程。

在安装调试名站网址导航网手机版站点的时候，发现一个问题，图片无法很好的适应屏幕，宽度可以与屏幕同宽，而高度却没有按比例调整，导致图片看起来像被挤扁了一样，为什么会这样呢？

一般为了要达到图片自适应屏幕宽度的目的，咱们在img标签的样式中定义max-width:100%;height:auto;就可以了，可是这次设置了也没有效果。

没办法，由于用手机无法查看源相关具体代码如下，所以就在电脑上打开站点，然后查看源相关具体代码如下，发现文章中的图片还是保留了PC网页img标签原有的格式设定没有过滤掉，从而导致css网站文件中设置的img样式无效。

手机站点一般都会把文章的hTML进行修改，去掉一些复杂的样式，完成这些操作的相关具体代码如下是在wap.inc.php网站文件。

打开wap.inc.php看了一下，发现了问题。由于要过滤掉复杂的html标示，但是还需要保留图片，所以在过滤的时候，先把整个img标签给替代掉了，等过滤完之后，又替代回来，这样就导致了img标签里面的style 无法被过滤。

$content = preg_replace("/style=. ?[*|\"]/i", "", $content);

$content = preg_replace("/&[a-z]{3,10};/isU", ' ', $content);

return $content;

修改完之后保存，再开启页面的时候，查看源相关具体代码如下，style标签的网站内容已经被过滤掉了，图片已经按比例缩小，不会出现比例失调的状况了。

DedeCMS站点程序 6月18日官方更新说明、问题及移动站点预览

关于DedeCMS站点程序站点教程相关的知识，就说到这里了希望能帮助朋友们。