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

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

6个回答

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

宽度设置成100%就可以了

width: 100%;height: 536px;

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

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问