我想实现在html页面中显示一个图片,可以根据用户的浏览器的大小改变进行图片的等比例缩放,该怎么实现呢?

html-css011

我想实现在html页面中显示一个图片,可以根据用户的浏览器的大小改变进行图片的等比例缩放,该怎么实现呢?,第1张

<img src=http://img.baidu.com/img/logo-zhidao.gif width=100% height=50% >

使用以上代码插入图片,就会按浏览器窗口大小缩放。

也可以使用javascript对图片大小进行改变。

让图片自动适应DIV容器大小: 这一现象很常见,其实,只须将DIV的大小设置成为100*150。设定img 的宽度为:100%;高度为:100%;即可让图片自动适应DIV容器的大小。

图片的宽高百分比设置,图片居中你会的吧。