Question

html中比如说我有一张图片需要100%显示，而且不能让图片在不同浏览器拉伸或者重复，怎么才能做到

html中比如说我有一张图片需要100%显示，而且不能让图片在不同浏览器拉伸或者重复，怎么才能做到？是用css还是js？

Answer 1

　　你好，可以使用背景图片，比如把img作为body的背景图，然后设置body的样式

background: #226039 url(../images/bg.jpg) center  no-repeat;

　　就可以使图片100%显示，且不会拉伸，具体参数你可以查background的具体属性

　　希望可以帮助到你

追问

背景图片尺寸如何确定呢，如果是1440px图片宽度的话在1920的情况下不是有白边吗

追答

　　不会有白边的

追问

我的意思是不填充颜色，只用图片

追答

　　不使用背景颜色你可以这样写 background: url(../images/bg.jpg) center no-repeat;或者
　　background:transparent url(../images/bg.jpg) center no-repeat;

Answer 2

用相对长度 比如在<img>属性中设置边长 width="100%"