第一种方法是在单独模板页面里过滤
<?
$xstyle=$r[newstext];
$xstyle=preg_replace('/style=.+?['|"]/i','',$xstyle);
echo $xstyle;
?>
手机版
<?
$xstyle=DoWapRepNewstext($r[newstext]);
$xstyle=preg_replace('/style=.+?['|"]/i','',$xstyle);
echo $xstyle;
?>
第二种,在全站模板的CSS里修改
<link href="[!--news.url--]skin/default/css/style.css" rel="stylesheet" type="text/css" />
在CSS里将img的代码改成这么
img {
max-width: 560px;width:expression(this.width > 560 ? "560px":this.width);
/*如果图片大小超过450则自动按比例缩小到450*/
vertical-align:bottom;border:none;/*上半句是图片下沉,后面是无边框。常用*/
}
第三种,直接在添加图片时过滤
帝国CMS编辑器上传图片的时候默认会添加图片的宽高到链接样式中,这种情况图片在手机网站中显示就无法进行自适应,如下图所示:
去除宽高的方法:
考虑到帝国使用后台以及前台的投稿,需要同时找到以下文件进行修改:
1 2 |
|
打开上面路径的文件,搜索下面的代码
1 |
|
修改为以下代码
1 |
|
这样的话就移除了所有的style样式,直接使用CSS就可以了