首页 新闻 赞助 找找看

CSS 如何将图片等比例缩放

0
悬赏园豆:10 [已解决问题] 解决于 2016-06-18 20:34

        就比如浏览器中放一张图片,宽度与浏览器等宽(width:100%)。

在浏览器宽度缩放的时候,图片的宽高如何等比例缩放?即图片不被压缩,不会出现width=300时height=300,然后width=900时height=300高度要变化

 

 

真心求教!!!

急等!

前端爱好者的主页 前端爱好者 | 初学一级 | 园豆:78
提问于:2016-03-30 18:38
< >
分享
最佳答案
0

你只要不对高度有限制,只设置 img { width:100%;}

浏览器缩放时,图片也是等比例缩放的。

收获园豆:10
呆尐兔兔 | 菜鸟二级 |园豆:342 | 2016-03-30 22:04
其他回答(3)
-1

对图片只设置100%宽度,不舍高度,高度由图片本身撑开,这样就可以实现图片宽高的自适应了

F2E-Hijacker | 园豆:209 (菜鸟二级) | 2016-03-31 09:14
1

图片样式:max-width: 100%; max-height: 100%;

上帝之城 | 园豆:2549 (老鸟四级) | 2016-03-31 13:22
0
xinsiyus | 园豆:153 (初学一级) | 2021-01-24 23:34
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册