img宽度和全屏banner图注意事项

<img src="banner.jpg" width="1900" height="400" />
img标签引用图片路径时会把整个图片的全貌都显示出来，若img指定宽度大于图片的实际宽度，则图片会被拉伸显示，若img指定的宽度小于图片的实际宽度，则图片会被挤压缩小显示，总之图片一定会显示出全貌而不能只显示局部。

在做全屏banner图时应考虑到PC显示器的分辨率有1024*768、1366*768、1440*768、1600*900、1900*1200等多种不同的尺寸大小，为了能适应所有分辨率下的PC，全屏banner图应按1900像素宽度制作，另为使banner图不变形，应像如下示例制作：
<div style="width:100%; height:400px; overflow:hidden;">
    <img src="banner.jpg" width="1900" height="400" style="margin-left:-267px;" />
</div>
其中margin-left:-267px;是js计算出的赋值结果。

这样在大屏幕下banner图会全貌显示，在小屏幕下banner图会显示中间的局部位置而不变形。