山药蛋社区 » 电脑科普 » CSS控制输出图片大小

wu3537 发表于 2007-10-10 20:23

CSS控制输出图片大小

[quote]代码如下[quote]<style type="text/css">
<!--
#pic{
margin:0 auto;
width:85px;
height:55px;
padding:0;
  }
#pic img{
    max-width:85px;
    max-height:55px;
width:expression(document.body.clientWidth > 85? "85px": "auto");
height:expression(document.body.clientHeight > 55? "55px": "auto");
border:0px none #000;
}
-->
</style>
<div id="pic"><img src="pic.jpg"  /></div>[/quote][/quote]

[quote]width:85px;
height:55px;
[/quote]
定义宽和高


[quote]    max-width:85px;
    max-height:55px;[/quote]
定义宽和高的最大值


[quote]width:expression(document.body.clientWidth > 85? "85px": "auto");
height:expression(document.body.clientHeight > 55? "55px": "auto");
[/quote]
定义浏览器缩放时显示的图片宽、高值


[quote]<img src="pic.jpg"  />[/quote]
=后面引号内为图片地址！


[size=2][color=red]在本论坛使用此代码请选择Discuz代码模式编辑，并选中编辑窗口左侧的启用 Html 代码！[/color][/size]

滚滚长江水63 发表于 2007-10-10 20:30

呵呵，这是高级技巧

滚滚长江水63 发表于 2007-10-10 20:30

知道了@loveliness:

滚滚长江水63 发表于 2007-10-16 15:47

如果对上传的图片怎么修改？

lxj109377266 发表于 2007-10-27 14:52

用DOM操作也行啊，哈哈，，

lxj109377266 发表于 2007-10-27 14:54

你要怎么个改图片法啊？在什么环境下改？哈哈。

滚滚长江水63 发表于 2007-11-8 03:23

现在看还是有点难，大家如果把图片大小改到800*600放到咱们论坛刚好合适

查看完整版本: CSS控制输出图片大小