惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Y
Y Combinator Blog
博客园_首页
雷峰网
雷峰网
V
V2EX
博客园 - 司徒正美
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - Franky
月光博客
月光博客
Hugging Face - Blog
Hugging Face - Blog
WordPress大学
WordPress大学
T
Tailwind CSS Blog
小众软件
小众软件
博客园 - 叶小钗
美团技术团队
酷 壳 – CoolShell
酷 壳 – CoolShell
Apple Machine Learning Research
Apple Machine Learning Research
IT之家
IT之家
MyScale Blog
MyScale Blog
Blog — PlanetScale
Blog — PlanetScale
大猫的无限游戏
大猫的无限游戏
Jina AI
Jina AI
人人都是产品经理
人人都是产品经理
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻

博客园 - nikytwo

Install Tomcat 7 on CentOS, RHEL, or Fedora [转]如何安全的存储密码 打败 IE 的葵花宝典:CSS Bug Table 域名的DNS解析指南 IE6实现PNG图片透明 JQuery EasyUI 之 combobox plugin JQuery EasyUI 之 validatebox plugin JQuery easyUI 之 datebox plugin Asp.NET + OWC 输出Chart(图表) Route命令使用详解 CascadingDropDown 最近写 ASP.NET 中出现的错误 & 实现DataTable和DataSet类型的客户端/服务器端自动转换 Apache + PHP 安装日志 CSS图片垂直居中 - nikytwo - 博客园 SQL:行合并问题 & 使用 SP_executesql 从exec('SQL语句') 中得到一个返回值 Dataset.Readxml(stream) 错误 “缺少根元素” 分页 web Service 传输 Dataset (大数据量) Delphi 调用 Webservice (ASP.NET)
CSS 条件缩放图片
nikytwo · 2009-04-12 · via 博客园 - nikytwo

在帮朋友弄网站的时候遇到这个问题。

解决办法:

参考:利用css缩放图片(这个再IE6运行时竟然出现类似于死循环,跟下面的差别是一个用auto,一个用this.width)

        兼容IE和Firefox的按图片宽度缩放的CSS代码

具体做法是:

img{ 
    max-width
:500px; 
    height
:auto; 
    width
:expression(this.width > 500 ? "500px" : this.width);
}

Firefox用max-width来限制最大宽度,因为IE下不认识max-width,所以还是使用expression来控制。

另附js的解决办法:

参考:在asp中实现自动缩放图片(推荐)

以上的js代码没有试过。

js实现是比较简单的不过写麻烦,CSS就是方便简洁灵活。

再附:在解决这个问题的时候想过先获取图片尺寸再根据尺寸做判断的。

网上有这些获取尺寸的办法(ASP代码):利用ASP得到图片尺寸大小(用 adodb.Stream )