2 baidu 36922890 baidu_36922890 于 2017.09.06 16:24 提问

图片自适应浏览器,样式css

如何使2000 x 900的大图片在浏览器中宽度自动适应屏幕,不出现滚动条,而高度出现滚动条

6个回答

showbo
showbo   Ds   Rxr 2017.09.06 16:45
已采纳

设置width:100%就行了,不设置高,会自动等比

qq_38494537
qq_38494537   2017.09.06 16:31
weixin_39892922
weixin_39892922   2017.09.06 17:05

宽度设置成100%就可以了

fyhaizhz
fyhaizhz   2017.09.06 17:40

width: 100%;height: 536px;

lkhog
lkhog   2017.09.06 19:46

width:100%;height:自己定义;overflow-x:hidden;overflow-y:scroll;

lf1500282493
lf1500282493   2017.09.09 12:59

一般来说,只有大图变小,不要把小图强行放大
然后大图变小分为两种
一、 width:100%; height不写,
那图片缩小到宽度为你装该图片的盒子的宽度,在盒子高度没写死(自由撑开)的时候,高度按原图宽高比缩小

二、如果某些页面对图片的宽高都有要求,这个时候你就把宽高都写死,这个时候有点小问题的是,图片宽高比一变,图片里边的内容也会跟这边,比如人物变胖变矮
所以,往往这种情况都需要美工来配合你做页面,你要多大图,他给你做多大!

Csdn user default icon
上传中...
上传图片
插入图片