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圖會顯示中間的局部位置而不變形。