图片自适应大小,css来办
来源:互联网 发布:手机淘宝二手店 编辑:程序博客网 时间:2024/04/27 23:25
在制作网站布局中,图片的自适应功能是一个非常重要的功能,一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现:
#tupian img {
max-width:600px;
width:600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
overflow:hidden;
}
max-width:600px; IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
width:600px; 在所有浏览器中图片的大小为600px;
当图片大小大于600px,自动缩小为600px。在IE6中有效。
overflow:hidden; 超出的部分隐藏,避免控制图片大小失败而引起的撑开变形。
- 图片自适应大小,css来办
- CSS图片自适应大小
- css让图片自适应大小
- CSS控制图片自适应大小
- css控制图片自适应大小
- css:实现图片自适应大小
- CSS强制图片自适应大小
- CSS图片自适应容器大小
- css图片自适应div大小
- css 图片自适应屏幕大小
- 用CSS控制图片自适应大小
- 用CSS控制图片自适应大小
- 用CSS来控制图片显示大小
- 用CSS如何控制网页中图片自适应大小
- 用CSS控制图片自适应大小的方法
- CSS控制图片自适应大小,兼容IE6,IE7
- 手机浏览器用css设置图片自适应大小
- 如何用CSS控制图片自适应大小的方法
- 暂且记下之J2EE开发杂记
- 条款14: 在资源管理类中小心copying行为
- VC中调用外部程序方式总结
- 字符串语法功能
- lua和c的交互
- 图片自适应大小,css来办
- 行转列通用过程
- J2ME版的“四舍五入”方法
- 网页表格的制作技巧
- Windows客户端的JProfiler远程监控Linux上的Glassfish ( by quqi99)
- java泛型详解
- SQL SERVER 2000 "MMC无法创建管理单元
- 几个经典的css技巧
- chromium OS编译过程