manchan52015的部落格

推薦連結: 膠水

網站建成並投入使用後，需要長期的維護工作。網站維護會涉及到很多細節方面，比如更新新聞、發佈產品、修改bug、更新圖片等，其中更新圖片可能是最簡單的，但會讓很多初學者感到困惑，尤其是自我調整網站，很難設計出一個符合預期的大橫幅圖片。即使工程師們在網站的背景中仔細地標注尺寸，許多新設計師也無法很好地完成這張圖片，因為一個尺寸可能無法反映設計要求。

為了幫助您設計所需的橫幅地圖，這裡我們首先介紹兩個概念：網頁的最大寬度和最小寬度。現時主流案頭電腦顯示器的視覺分辯率普遍達到1920，而筆記型電腦的視覺分辯率仍在1440左右，囙此現時主流網站的覈心寬度從980點數新增到1200~1400點數（自我調整除外）。

為了與大多數顯示器相容，我們通常將網頁的最大寬度設計為1920點數，更大的顯示器通過瀏覽器自己的科技進行調整。為了與一些較小的顯示器相容，覈心內容集中在中間1200點數。囙此，現時最流行的解決方案是以1920點數的橫幅影像為背景進行傳播，而拷貝或產品影像等覈心內容則集中在1200點數的中間。