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