CSS⾃动控制图⽚⼤⼩的代码
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;
}
好看的css代码这⾥是我实际中⽤到的⼀个设置样式
<style type="text/css">
#content img{max-width: 250px; height: auto; }
</style>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论