回复讨论(解决方案) style=width:100%就是自动适应宽度，需要注意图片外面是否还有其他对象，如果有，一般采用js计算
有几种解决办法，分别适合不同的场景。
1. 背景图片。
background-image:url();background-size:100% 100%;
这种缺点是不兼容低版本ie浏览器。
2. 绝对定位，js计算宽高。
#a{position:absolute:top:0;left:0};
function getsize() { var winwidth = 0, winheight = 0; if (window.innerwidth) winwidth = window.innerwidth; else if ((document.body) && (document.body.clientwidth)) winwidth = document.body.clientwidth; // 获取窗口高度 if (window.innerheight) winheight = window.innerheight; else if ((document.body) && (document.body.clientheight)) winheight = document.body.clientheight; if (document.documentelement && document.documentelement.clientheight && document.documentelement.clientwidth) { winheight = document.documentelement.clientheight; winwidth = document.documentelement.clientwidth; } return { w : winwidth, h : winheight };}var size = getsize();document.getelementbyid('a').width = size.w + 'px'; document.getelementbyid('a').heigth = size.h + 'px';
img{width:100%}
个人一般用：max-width:100%，这个样式。这个好处在于如果图片小于屏幕宽度时，不会被放大模糊，如果超出屏幕时，会自动调整为屏幕大小且不会变形。
代码如下： 无标题文档

我建议的方法：
如果图片只作图片处理：写css声明，将该图片的宽设auto, 高的设定，通过写段js事件在页面加载时，实现读取浏览器的窗口的高度附值到该img，那么你打开页面时，就绝对没有上下滚动条，但不排除左右有空白。
如果图片作为背景处理：写css声明一div，width:100%,overflow:hidden;通过写段js事件在页面加载时，实现读取浏览器的窗口的高度附值到该div，那么你打开页面时，就绝对没有上下左右滚动条。