实现文章图片自适应大小的方法(CSS)

很多主题都没有设定图片自适应大小,放入图片到文章中,如果没有手动调整大小,太大的图片就会出界。解决办法是修改CSS,为图片设定最大宽度值。

这个方法也可以用在制作其他网页中。

1.找到主题or网站的CSS文件,一般都是style.css啦。

2.接下来找文章中的img标签,比如.entry a img,如果没有的话,可以自己在css文件末尾添加一个新的img样式,img中的属性是这样的:

 

        1. img{
        2. max-width:500px;
        3. width:expression(document.body.clientWidth>500?"500px":"auto");
        4. }

        其中 max-width:500px 是设定图片宽度最大值为500px,数字可以自选。这个属性只在非IE浏览器中有用。

        所以我们给它添加如上所示的第三行属性 windth:expression,这个是在max-width不起作用的时候让IE浏览器识别并运行的,同样改变后面的对应数字就能使宽度自适应大小了。
        就这么简单啦

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注