CSS控制图片大小-适应宽度

ttx9n · 发表于 2008-7-19 12:57:10

以前一直用js控制图片的大小，有的时候我们的广告也会被变得很小，所以一般都是直接在内容区控制，图片大小，这个方法用css 的expression方法不知道家有没有遇到过这样的情况：在CSS控制图片大小时，如果把图片的宽度写死，比如 img{width:500px;} ，固然，如果图片宽度大于500px可以很好的控制它不让它过大，但如果图片宽度小于500px，比如说只有100px时，刚才的写法会把这张图扩大5倍显示，显然，这不是我们想看到的。

那么，CSS如何可以区分对待这些图片设置大小呢？很简单，请看：

复制代码代码如下:
img{width:expression(this.width>500?"500px":this.width+"px"); }

只要在CSS运用这段代码，就可以分别控制大图片与小图片。它的意思就是，如果图片宽度大于500px，那么图片就以500px的大小显示，如果小于的话，那么图片就按照原有尺寸显示！怎么样，是不是确实很简单？

弊端：增加客户端的负荷，一般用js实现的比较多。

81708585 · 发表于 2022-8-16 10:51:15

谢谢您的分享！

dingzhi521 · 发表于 2022-8-27 03:07:22

强烈支持楼主ing……

8ayoqrpj · 发表于 2022-10-12 11:46:33

啦啦啦啦啦啦哈哈哈

adm1n · 发表于 2023-1-19 04:17:22

刷屏刷屏刷屏

回复用户5 · 发表于 2023-10-2 15:11:06

那三门，你们谁寂寞才快乐撒

6ox8dn · 发表于 2023-11-11 17:49:57

这个源码不错啊

w18pvaep · 发表于 2023-11-27 18:38:59

很好，谢谢分享

kwa3hgmjp · 发表于 2023-11-27 19:22:51

额风风风微风微风违法

平平安安 · 发表于 2024-3-29 20:29:29

看看怎么样再说

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] CSS控制图片大小-适应宽度

相关帖子

浏览过的版块