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

我想实现在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容器的大小。

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6206872.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存