圖片是一個網站中必不可少的一部分，網站因圖片而變得更加豐富多彩。一張好看的圖片，特別是banner圖，可以給人一種盛氣凌人的感覺，那么如何才能做到更加大氣呢？最近學員在學習網頁制作CSS時都遇到了這個問題， 下面來說下
首先要處理好圖片。說到處理好圖片，除了清晰度外還要考慮一個因素，那就是尺寸。不同的顯示器在不同的用戶手中會體現出是不同的分辨率。如最經典的大頭電腦是1024*768的，普通的筆記本是1366*768,液晶臺是1400*900，也有液晶臺式是1600*900等等。在如此多的分辨率面前圖片的大小顯示格外重要。如果你設置的圖是1024*768的，在大頭電腦面前當然是一個大氣的網站，但換成是1600*900的電腦前就變得秀氣許多。因此，一些設計師在設計圖片時經常將圖片設計成1920寬度。對于如此寬的圖片如何才能將最重要的內容展現在用戶眼前呢？我們都知道，1920寬度顯然超出1600*900的屏幕范圍，要想將重要的內容也就是中間部位展現出來，圖片必定要進行居中處理。通常我們讓一個小于屏幕分辨率的容器居中時用一個margin:0 auto；就搞定了，但超出屏幕分辨率的還是此方法行嗎？當然是不行的了。不信你可以進行測試，結果會發(fā)現下面出現了橫向滾動條而且圖片最左邊依舊對著屏幕最左邊。那么究竟該怎么弄呢？js?jq?其實都不用，下面的兩種方法都可以，大家可以套用喲。源碼如下：
