网上的方法很多，但都有局限性，本文提供的方法基本兼容主流浏览器。
以HotNews主题为例。打开HotNews主题HotNewspro\js目录的custom.js把下面代码加到最后：文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- // 控制图片大小
- $(document).ready(function() {
- var maxwidth=580;
- $(".entry p img").each(function(){
- if (this.width > maxwidth)
- this.width = maxwidth;
- });
- });
再打开主题样式文件style在最后添加：文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- .entry p img{
- height: auto;
- }
文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
也可单独使用Javascript或者CSS控制图片大小，不过兼容性较差文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
javascrip：文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- <script type="text/javascript">
- $(document).ready(function() {
- var maxwidth=580;
- var maxheight=450
- $(".entry p img").each(function(){
- if (this.width > maxwidth)
- this.width = maxwidth;
- if (this.height > maxheight)
- this.height = maxheight;
- });
- });
- </script>
CSS:文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
- .entry p img{
- max-width: 90%;
- height: auto;
- }
其它主题可以将上述代码中的 .entry 改为所用主题选择器。文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
编辑文章时手动将插入的图片拖小，个人认为一劳永逸。文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html 文章源自知更鸟-https://zmingcx.com/javascript-css-size-picture.html
江苏省南通市 1F
艾玛！抢到了沙发！支持博主！
浙江省杭州市 2F
难怪我的网站图片在IE下有点拉伸，之前把第一段代码中的宽度写在CSS中，兼容性差了很多。
福建省福州市 3F
谢谢鸟哥，这么快回答我的疑问
湖南省长沙市 4F
鸟哥，怎么样才能把CMS的首页幻灯栏做成你这样的呢？就是幻灯图+热点推荐+滚动标题的三格式。
广西柳州市柳南区 5F
不错，很详细。
北京市朝阳区 6F
这是缩略的吧
广东省深圳市 7F
找不到图片模板 和首页模板 在哪里有下载
北京市 8F
这个是缩略图吧，不知道效果怎么样啊
浙江省宁波市 9F
图片在这里可以看到http://faq.wopus.org/question/19810/
中国 B1
@ 小谭 对喜欢折腾版权链接的，俺懒得说什么了
广东省中山市 10F
正打算用鸟哥的主题做站呢!~!~支持一个!~
湖北省黄冈市 11F
不错的方法，收藏了
云南省大理州 12F
鸟哥，请问 怎么 增加百度搜索，谷歌的不给力啊，WP自带的搜索也不准确，谢谢了。
中国 B1
@ 电脑天空 http://zmingcx.com/hotnews-pro-2-7-1-plus-faq.html
第20条
云南省大理州 B2
@ 知更鸟 感谢 鸟哥 ~
山东省莱芜市 13F
问一个问题哈为什么我用你的主题后，打开公告提示多重重定向是怎么回事啊？cpanel面板
北京市 14F
鸟哥的空间 终于可以访问了 很是开心啊 祝贺
北京市 15F
为什么我用的hotnews2.7主体 打开网站的时候 总要闪烁一下
北京市 16F
为什么我用的hotnews2.7主体 打开网站的时候 总要闪烁一下
河北省邯郸市 B1
@ root 我的网站也是这个问题，同求解决办法
浙江省杭州市 17F
图片如果加入“说明”，效果就会消失。此外这个主题的文章中如果插入图片时填写“说明”的话，图片下面的说明文字不会居中，有时间帮忙看看这个可以解决吗？最好在填写图片说明的时候文字居中，并且可以自动显示设置好的宽度。
中国 B1
@ 幸福守候 http://zmingcx.com/hotnews-pro-2-7-1-plus-faq.html
21条
福建省泉州市 18F
果然效果不错！博主辛苦了！
河南省新乡市 19F
.entry img {
max-width: 650px;
_width: expression(this.width > 650 ? ‘650px’ : true);
不设置高度的情况下
max-widht谷歌火狐支持还是比较好的
IE 用下面表达式也能救救急。
直接加表达式改CSS 反正博客不用考虑太多性能~
不过js还是收藏了
黑龙江省哈尔滨市 20F
鸟哥，hotnews主题文章编辑器有问题：插入图片后，输入光标无法调位置/
输入文本无法从图片下面写起。
复制进入的文本显示在图片之上。。。只能用文本输入。可是又不直观。如何解决
中国 B1
@ ilunpo 你能确定是hotnews主题文章编辑器有问题，还是Wordpress文章编辑器有问题
还是自己基本编辑操作还没弄明白
天津市 B2
@ 知更鸟 是我不太习惯worldpress。不好意思。
慢慢学习。
天津市 B2
@ 知更鸟 是我不太习惯wordpress。不好意思。
慢慢学习。