图片自适应宽度新解决方法
来源:风之相随'S BLOG 发布时间:2009-09-22 14:55:00
标签:自适应,图片,css
原来图片自适应宽度一般都是通过Javascript来解决的,但是多少还是比较麻烦。
还有一种通过设置外层容器overflow:hidden属性来解决,但是这样会导致图片显示不全的问题。
今天看到了一种新的解决办法,通过CSS来解决这个问题。
img{
max-width:500px;
width:e­xpression(document.body.clientWidth>500?"500px":"auto");
}
就这么简单!
这段代码在IE6.0、Firefox 1.5、Opera 7.0上测试通过。
0
投稿
猜你喜欢
- 在写python程序时,对于可变对象和不可变对象这里理解不深,导致总会犯一些细节错误。以下面的程序举例:ab = {'a':
- 1. filter1.1 把一个序列中的空字符串删掉例如将[‘A’, ‘&
- 前言:这章我们使用小程序的 scroll-view组件 实现横向滚动和竖向滚动。GitHub: https://github.com/Ewa
- 0.前言添加colormap的对象是灰度图,可以变成热量图,从而更加明显的发现一些规律,适用于一些雷达图像等from PIL import
- 一、触发器概念触发器是SQL server提供给程序员和数据分析员来保证数据完整性的一种方法,它是与表事件相关的特殊的存储过程,是由事件来触
- 代码很简洁,这里就不多废话了,直接上源码html代码 <!doctype html> <html>
- asp之日期和时间函数示例可以使用日期和时间函数来得到各种格式的日期和时间函数语法说明示例NowNow()取得系统当前的日期和
- 一般写ASP PHP代码的朋友都估计是采用直接操作SQL的吧~ 看以下的代码 <% dim conn,rs&nbs
- torch.randn()如何创建正态分布随机数torch.randn(*size)从均值为0,方差为1的正态分布中获取随机数【sample
- PNG格式以支持透明和无损,且相对大小适中,已成为现在网页中图片运用的主流。有些时候我们在制作网页时使用PNG格式图片,用IE浏览器查看却无
- 1. 游戏循环和游戏时钟之前几篇文章中,飞机大战游戏中的英雄飞机已经被绘制到屏幕上了,怎么能够让飞机移动呢?1.1 游戏中的动画实现原理跟电
- 分享一个python脚本,使用代理ip来访问网页,方便抓取数据什么的~并自动验证ip是否可以用什么情况下会用到 * ?比如你要抓取一个网站
- 首先说一下我遇到的坑,生产上遇到的问题,我调度Python脚本执行并监控这个进程,python脚本运行时间远远大于python脚本中自己统计
- 上一文写了如何从代理服务网站提取 IP,本文就讲解如何存储 IP,毕竟代理池还是要有一定量的 IP 数量才行。存储的方式有很多,直接一点的可
- 概念如果索引包含所有满足查询需要的数据的索引成为覆盖索引(Covering Index),也就是平时所说的不需要回表操作判断标准使用expl
- 阅读上一篇:FrontPage XP设计教程5——表单的设计 在制作出图文并茂的网页之后,很多读者朋友还想让自己的网页能够播放音乐、视频等多
- 任何事情都是由量变到质变的过程,学习Python也不例外。只有把一个语言中的常用函数了如指掌了,才能在处理问题的过程中得心应手,快速地找到最
- 感谢AKA及作者。Perl 中的正则表达式正则表达式的三种形式正则表达式中的常用模式正则表达式的 8 大原则 &nbs
- 看看怎样抓到你:<%Dim objCMFUDim strModifiedSet objCMFU 
- 关于python 性能提升的一些方案。一、函数调用优化(空间跨度,避免访问内存) 程序的优化核心点在于尽量减少操作跨度,包括代码执