首页 > Web开发 > 详细

CSS自动控制图片大小的代码

时间:2015-06-26 01:42:10      阅读:162      评论:0      收藏:0      [点我收藏+]
img {  
max-width: 800px;  
height: auto;  
} 

代码中的max-width:800px限制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。

 

 

实用例子(未经测试————————————————————)
  WordPress自动调整图片大小
  1、打开你的“样式表 (style.css)”文件,然后在 p img{ 或类似的地方添加下列代码(可以将所有550改成你想要的宽度)
 代码如下     
p img{
max-width: 550px;
width: expression(this.width > 550 ? "550px" : true);
height: auto;
}

 

 

这里是我实际中用到的一个设置样式
<style type="text/css"> #content img{max-width: 250px; height: auto; } </style>

 

CSS自动控制图片大小的代码

原文:http://www.cnblogs.com/zxyun/p/4601335.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!