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

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

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

http://blog.csdn.net/github_37483541/article/details/54934028

宽度设置成100%就可以了

width: 100%;height: 536px;

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

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

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