在安装和调试AB模板网手机版网站时，您可能会遇到一个问题：图片无法很好地适应屏幕。尽管宽度可以与屏幕同宽，但高度没有按比例调整，导致图片看起来像被挤扁了一样。那么，为什么会发生这种情况呢？
为了解决这个问题，我们首先需要了解如何让图片自适应屏幕宽度。通常情况下，在img标签的样式中定义max-width:100%; height:auto;就可以实现这一目标。然而，在这次调试过程中，即使设置了这些属性，效果依然不佳。
无奈之下，由于用手机无法查看源代码，因此我们在电脑上打开了网站并检查了源代码。结果发现，文章中的图片仍然保留了PC网页img标签原有的格式设定，这使得CSS文件中设置的img样式无效。
在开发手机网站时，通常会对文章的HTML进行修改，去掉一些复杂的样式，以确保页面加载速度更快且更适合移动设备浏览。完成这些操作的代码位于wap.inc.php文件中。
打开wap.inc.php文件后，问题变得清晰起来。为了过滤掉复杂的HTML标记，同时保留图片，系统在过滤过程中将整个img标签替代掉了。等到过滤完成后，再将其替换回来，这就导致了img标签内的style属性未能被正确处理。
既然找到了原因，解决办法也就变得简单了。我们只需要在最后输出的时候，过滤掉style=" "里面的信息，这样就可以让我们的自适应样式设定生效。具体来说，在/include/wap.inc.php中添加以下代码：

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

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

return $content;