CSS 如何将图片等比例缩放

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

就比如浏览器中放一张图片，宽度与浏览器等宽（width：100%）。

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

真心求教！！！

急等！

前端爱好者 | 初学一级 | 园豆：78
提问于：2016-03-30 18:38

< >

最佳答案

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

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

收获园豆：10

呆尐兔兔 | 菜鸟二级 |园豆：342 | 2016-03-30 22:04

其他回答(3)

-1

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

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

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

上帝之城 | 园豆：2549 (老鸟四级) | 2016-03-31 13:22

xinsiyus | 园豆：153 (初学一级) | 2021-01-24 23:34

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。