dreamweaver图片的大小
- 作者: 龙锅锅30898063
- 来源: 51数据库
- 2020-09-29
可以用css来强制按比例压缩图片的高度或宽度
css代码如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>600?"600px":this.width);
max-height:590px;
height:expression(this.height>600?"600px":this.height);
}
这样当图片的高度或宽度若超过600px,将会按比例压缩成600px,如果宽度不超过600px则按原大小显示。
比如你上传的是128*30像素,那么显示的就是128*30像素。你上传的是1024*768,那么就会按比例压缩成600*450左右了。
1.新建网页,在body里插入<div align="center"><img src="images/ad-01.jpg" /></div>。
2.在img里插入width=300 height=150。
3.按F12在IE里浏览效果。
把插入图片的位置大小固定成600和600
css代码如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>600?"600px":this.width);
max-height:590px;
height:expression(this.height>600?"600px":this.height);
}
这样当图片的高度或宽度若超过600px,将会按比例压缩成600px,如果宽度不超过600px则按原大小显示。
比如你上传的是128*30像素,那么显示的就是128*30像素。你上传的是1024*768,那么就会按比例压缩成600*450左右了。
1.新建网页,在body里插入<div align="center"><img src="images/ad-01.jpg" /></div>。
2.在img里插入width=300 height=150。
3.按F12在IE里浏览效果。
把插入图片的位置大小固定成600和600
推荐阅读
