我們經(jīng)常會(huì)遇到客戶提出一些基本的網(wǎng)站維護(hù)問(wèn)題，其中最為常見(jiàn)，但卻最難解釋、客戶也最難理解的問(wèn)題之一，就是設(shè)計(jì)網(wǎng)站首頁(yè)Banner時(shí)需注意的尺寸問(wèn)題。最近我們?cè)僖淮斡龅竭@個(gè)問(wèn)題，一位來(lái)自公明東坑的客戶在網(wǎng)站制作完成后，安排了一位文員同事來(lái)負(fù)責(zé)網(wǎng)站維護(hù)。由于客戶不想過(guò)度依賴我們，想自己內(nèi)部員工學(xué)會(huì)管理網(wǎng)站，但安排的同事只是對(duì)PS有一點(diǎn)點(diǎn)了解，并不熟練，結(jié)果設(shè)計(jì)好的圖片始終無(wú)法正確顯示。最后還是聯(lián)系到創(chuàng)絡(luò)，經(jīng)過(guò)我們的詳細(xì)解釋，她終于明白原理并設(shè)計(jì)好了首頁(yè)Banner圖片。

我們要理解清楚這個(gè)尺寸問(wèn)題，首先就要搞清楚兩個(gè)概念：網(wǎng)頁(yè)最佳的最大寬度和最小寬度。由于目前主流的顯示器分辨率已經(jīng)不同于以往的1024*768，而是普及到1366*768以上的分辨率。如果我們還是一如既往的按1024像素來(lái)設(shè)計(jì)網(wǎng)站，那么網(wǎng)站在今天大多數(shù)顯示器上會(huì)顯得小氣。因此，目前主流網(wǎng)站的核心寬度已經(jīng)提高到1200~1400像素了（自適應(yīng)除外）。為了兼容絕大多數(shù)的顯示器，我們將網(wǎng)頁(yè)的最大寬度設(shè)計(jì)為1920像素，更大顯示器則通過(guò)瀏覽器自身的技術(shù)適配。而為了兼容一些小一點(diǎn)的顯示器，如1366像素寬的顯示器，我們將核心內(nèi)容集中在中間1200像素。于是，當(dāng)下最為流行的解決方案就是將Banner圖片的背景鋪滿1920像素，但是文案或者產(chǎn)品圖片等核心內(nèi)容是集中在中間1200像素的，具體請(qǐng)參考以下示意圖：

相信經(jīng)過(guò)上面圖片的直觀感受，絕大多數(shù)的朋友會(huì)立馬明白過(guò)來(lái)。其實(shí)顯示器就相當(dāng)于是窗口，網(wǎng)站界面就是窗口里面的一張圖片，為了讓小窗口看到主要信息，也為了讓大窗口看起來(lái)不會(huì)那么空，我們就選擇了這樣的解決方案。親愛(ài)的朋友，您學(xué)會(huì)了嗎？如果還是依然無(wú)法理解，歡迎您隨時(shí)致電咨詢，我們將竭誠(chéng)為您服務(wù)。