如何修复DedeCMS手机wap网站中图片自适应的bug？

在安装调试DedeCMS手机wap网站时，可能会遇到图片无法自适应屏幕的问题，具体表现为图片宽度可以与屏幕同宽，但高度没有按比例调整，导致图片看起来像被挤扁了一样，为了解决这个问题，通常需要在img标签的样式中定义maxwidth:100%; height:auto;，有时即使设置了这些样式，问题依然存在。

| 问题描述 | 原因分析 | 解决方案 |

| | | |

| 图片无法自适应屏幕 | 文章中的图片保留了PC网页img标签原有的格式设定，未被过滤掉，导致css文件中设置的img样式无效。 | 打开/include/wap.inc.php文件，添加代码$content = preg_replace("/style=.+?[*|"]/i", "", $content); $content = preg_replace("/&[az]{3,10};/isU", ‘ ‘, $content); return $content;。 |

| 图片看起来像被挤扁了 | 图片的高度没有按比例调整。 | 在最后输出的时候过滤掉style=""里面的信息，就可以让自适应样式设定生效。 |

FAQs

Q1：为什么在DedeCMS手机wap网站中，图片无法很好地适应屏幕？

A1：这是因为文章中的图片保留了PC网页img标签原有的格式设定，未被过滤掉，导致css文件中设置的img样式无效。

Q2：如何解决DedeCMS手机wap网站中图片无法很好地适应屏幕的问题？

A2：可以通过打开/include/wap.inc.php文件，添加代码$content = preg_replace("/style=.+?[*|"]/i", "", $content); $content = preg_replace("/&[az]{3,10};/isU", ‘ ‘, $content); return $content;来解决问题。