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

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

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

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

希望可以帮助到你

一行代码可解决

background-size:cover

html手册上的:

注意：如果打算使用背景图像，应该牢记：

这个图像会使页面加载时间过长吗？小技巧：图像文件的容量尽量不要超过10K。

这个图像跟页面上其他图像协调吗？

这个图像跟页面上的文字颜色协调吗？

这个图像平铺了以后看起来还可以吗？

这个图像吸引了文字的注意力，喧宾夺主了吗？

一般的网站很少使用背景图像。

不知你用的什么系统，若是XP就在设置桌面背景图片的对话框中右下方的“位置”下拉列表中设置，若是win7则在“个性化”（桌面右键）——“桌面背景”下方的“图片位置”下拉列表中。点击不同的选项可以直接预览效果。

windows默认的几个选项中“居中”很容易理解，“平铺”是用原大小图片排列桌面，有可能导致图片不完整或图片重复排列效果；“拉伸”则是使图片被动适应屏幕大小，适用于大的风景图片；至于win7中的“适应”与“填充”有可能是分别针对宽屏或普屏的两个选项，我用的不多，不敢断言。一般情况下，只要求看全而对图片变形失真并不苛求的话，设置成拉伸就OK了。

但愿能对你有所帮助。

---