最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS自动控制图片大小的代码
时间:2014-06-24 编辑:简简单单 来源:一聚教程网
Css防止图片尺寸过大
添加如下CSS:
代码如下 | 复制代码 |
img { |
代码中的max-限制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。
实用例子
1、打开你的“样式表 (style.css)”文件,然后在 p img{ 或类似的地方添加下列代码(可以将所有550改成你想要的宽度)
代码如下 | 复制代码 |
p img{ |
2、清空缓存就可以啦!
3、同样对于某些老版本IE不支持。
如果你想兼职所有浏览器jq或js是最好的办法
代码如下 | 复制代码 |
// 方法:setSelectReadOnly 用于设定极select控件ReadOnly, image1.src=imgD.src; |
-
上一个: CSS 面包屑导航栏2个例子
-
下一个: 利用CSS3制作漂亮TAB选项卡方法介绍
相关文章
- 用css让图片自动适应大小 01-11
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26