为什么控制不了图片大小dw中

html-css030

为什么控制不了图片大小dw中,第1张

控制不了图片大小dw中可以用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左右了。

具体要看你的代码做相应的更改。

现在给您一个极端的办法。加上这段CSS,页面就强制被压缩成950的宽度了。(可能会影响页面布局!!!)

body{ width:950px margin:0 auto overflow:hidden}

1.新建网页,在body里插入<div align="center"><img src="images/ad-01.jpg" /></div>。

2.在img里插入width=300 height=150。

3.按F12在IE里浏览效果。