我們經常會遇到客戶提出一些基本的網站維護問題，其中最為常見，但卻最難解釋、客戶也最難理解的問題之一，就是設計網站首頁Banner時需注意的尺寸問題。最近我們再一次遇到這個問題，一位來自公明東坑的客戶在網站制作完成后，安排了一位文員同事來負責網站維護。由于客戶不想過度依賴我們，想自己內部員工學會管理網站，但安排的同事只是對PS有一點點了解，并不熟練，結果設計好的圖片始終無法正確顯示。最后還是聯系到創絡，經過我們的詳細解釋，她終于明白原理并設計好了首頁Banner圖片。
我們要理解清楚這個尺寸問題，首先就要搞清楚兩個概念：網頁最佳的最大寬度和最小寬度。由于目前主流的顯示器分辨率已經不同于以往的1024*768，而是普及到1366*768以上的分辨率。如果我們還是一如既往的按1024像素來設計網站，那么網站在今天大多數顯示器上會顯得小氣。因此，目前主流網站的核心寬度已經提高到1200~1400像素了（自適應除外）。為了兼容絕大多數的顯示器，我們將網頁的最大寬度設計為1920像素，更大顯示器則通過瀏覽器自身的技術適配。而為了兼容一些小一點的顯示器，如1366像素寬的顯示器，我們將核心內容集中在中間1200像素。于是，當下最為流行的解決方案就是將Banner圖片的背景鋪滿1920像素，但是文案或者產品圖片等核心內容是集中在中間1200像素的，具體請參考以下示意圖：
相信經過上面圖片的直觀感受，絕大多數的朋友會立馬明白過來。其實顯示器就相當于是窗口，網站界面就是窗口里面的一張圖片，為了讓小窗口看到主要信息，也為了讓大窗口看起來不會那么空，我們就選擇了這樣的解決方案。親愛的朋友，您學會了嗎？如果還是依然無法理解，歡迎您隨時致電咨詢，我們將竭誠為您服務。
