css图片自适应
来源:互联网 发布:招生网络咨询技巧 编辑:程序博客网 时间:2024/05/16 08:01
在加载一些图片的时候,图片的大小是不知道的,但是图片的包裹框大小是固定的。
<div class='wrapper'> <img scr='img.jpg'/></div>
第一种情况:图片不失真,自动适应div。
.wrapper{width:200px;height:200px;overflow:hidden;}img{width:100%;height:auto;}
也可以用
img{max-width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<200?"200px":""); overflow:hidden; }
第二种情况,图片充满div,可以失真。
img{width:100%;height:100%;display:block;}
0 0
- css图片自适应
- CSS图片自适应大小
- CSS 背景 图片自适应
- css 图片自适应div
- css 图片自适应
- css让图片自适应大小
- Javascript+Css 解决图片自适应
- CSS控制图片自适应大小
- css控制图片自适应大小
- css:实现图片自适应大小
- CSS强制图片自适应大小
- CSS图片自适应容器大小
- css图片自适应高宽
- css php 设置自适应图片
- css图片自适应div大小
- css 图片自适应屏幕大小
- css图片自适应浏览器宽度
- css图片垂直居中自适应
- linux下 tar解压 gz解压 bz2等各种解压文件使用方法
- spring学习
- the first try--OJ
- cout小数输出格式
- Android为什么要创建Activity基类以及Activity基类中一般有哪些方法
- css图片自适应
- 快排 Student 按age
- chrome 使用技巧集锦
- jsp网页开发笔记
- 练习用next_permutation解蓝桥杯省赛题_扑克序列
- C++ 虚函数和其他成员函数
- Java多线程——加锁机制
- 关于static的描述
- eclipse luna使用NDK9编译c/c++