wordpress图片撑破页面的解决办法
自从更换了这个主题之后打开以前那个主题的页面的时候总是看到侧边栏都跑到最下面去了,很不爽,新的图片插入的时候我还可以自定义宽度为470px,可是以往的我都是设置为500px的图片就很难看了
一直都没管,可是看多了就觉得很烦,我总不能一篇文章一片文章的去修改吧,累都累死掉了 -_-!!
有没有办法使图片自动的在我需要的宽度内自动缩放呢?
我首先想到的是插件,毕竟wordpress最令我神往的原因之一就是插件超级的丰富 ^_^
但是找了好多都不能令我满意,很多插件都加了我不需要的功能,再说插件太多会导致站点速度下降
只能从css方面着手了
不看则已,一看发现css的功能真是太强大了,居然连三元操作符都支持
我修改了
a img {}
增加如下代码:
max-width: 470px;
width: expression(this.width > 470 ? “470px” : (this.width+”px”));
max-width: 470px: 代码中的这个部分针对Firefox/Opera浏览器,限制对象的最大宽度为450px。
此代码对IE无用,为了让IE也能限制对象宽度,所以在代码中加入第2行命令,用IE提供的expression命令,使所有图片的宽度自动缩小或放大至470px:
文章中的图片到时可以按照我所想的实现了自动缩放,可是评论的gravatar图片也被缩放了,晕倒 =, =
后来发现只需修改 .entry img {}
增加如上的代码后就正常了
嘿嘿,又解决一个不爽的东东 ^_^
谢谢了……
不错的
谢谢了,稍带问一下,评论页中这个“昵称(不填说不了话)”中的“这几个字,在哪里更改呢?知道告诉我,谢谢了。
@路个的:
一般在所使用的theme下的comments.php文件中修改即可
最好再加一个 height:auto; 吧, 能更好的保持比例.
样式表里没有a img啊怎么办? #22
@icecream冰淇淋
自己增加一个试试
@foolpig
加了不好使,最后手工调的图片
@icecream冰淇淋
我现在都没弄了,现在发表文章都是用的windows live writer,方便很多 #89
@foolpig
是啊我现在也在wlw里调哈哈。
博主有没有在日志栏宽可变的主题内,随窗口大小变化时,图片自动缩放适应栏宽的经验?
理论上我觉得可以,通过得到浏览器窗口的当前宽度,再按图像原有比例,缩小或放大至日志栏宽度或刚刚小一点。可是我不会写代码。
还是不太清楚,好像弄了没反应
All these various chanel watch designs offers distinctive features as well as are available in various colours leather-based colours along with various coating colours.
chanel eyeglass frames 2012 does not market their own handbags in order to overstock web sites along with other low cost submission stations.
Spot the serial quantity of your own chanel perfumes.
sunglasses directs their own handbags via their very own choose shops as well as main shops, for example Neiman Marcus.
If you are buying your own chanel coco through a good on the internet public sale, make sure to confirm the actual seller’s status with regard to promoting genuine products inside the auction web sites neighborhood.
Yxse http://hermespurse.webgarden.com/