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