首页 > CMS应用 > 正文
Pcms主题/wordpress防止图片撑破网页的解决方法

IE6应该是所有网页设计师最头疼的东西了。

然后PastDust也很蛋疼的发现,Pcms主题的又一个BUG,IE6下文章内图片太大撑破网页。因为文章页左侧的宽度设置的是600px,针对于文章内图片,我给的CSS是max-width: 450px;但是IE6却不支持,于是又折腾了一下,解决方法如下:

1、发布文章的时候,如果有添加超过600PX宽度的图片,手动修改一下图片比率,在后台编辑器可视化编辑里面双击已经上传插入的图片即可修改。好处是更加智能化一点,想多大就多大想多小就多小,缺点是麻烦。

2、修改imgCSS

 

             查找CSS .wenzhang 将

.wenzhang img {
max-width: 580px;
}

修改为

.wenzhang img {
max-width: 580px;
width: expression(this.width > 580 ? “580px” : true);
height: auto;
}

3、似乎还有通过插件实现的,但是处于性能考虑不建议使用插件,具体什么插件的话那么这么也就不多说了。

 

<ps:1、如果懒得修改CSS的就直接下载我的CSS覆盖就OK了,地址这里给出来:https://www.pastdust.com/wp-content/themes/pcms/style.css

         2、以上方法同样适用于其他图片能撑破网页的主题,折腾不止,阿门!>

 

当前主题预览

文章评论

共有 1 条评论

  1. 康妮妃

    不错,支持下!

Top