有的人做圖的時候，把圖片寬度設置為1920px，使用全屏工具生成代碼后，發布到店鋪，發現雖然是模塊是全屏居中的，但是兩邊不完整，這是什么原因呢？ 　　在分析這個問題之前，我們先來了解一下常見電腦**顯示屏的尺寸與分辨率**： 10寸 800×600（5:4）、1024×768（4:3） 為增加可視面積，小屏幕顯示器寬高比都很小 12寸 1280×800（16:10）、 13寸 1280×800（16:10）、 14寸 1024×768（4:3）、1280×800（16:10）、1280×720（16:9）、 筆記本屏幕普遍這幾種分辨率 15寸 1280×800（16:10）、1440×900（16:10）、1440×810（16:9） 17寸 1440×900（16:10）、1440×810（16:9）、1680×945（16:9）、 1024×768（4:3）、1280×1024（5:4） 19寸 1440×900（16:10）、1680×945（16:9） 22寸 1680×1050（16:10）、1680×945（16:9） 24寸 1920×1200（16:10）、1680×945（16:9）  　　上面這張圖，是我的顯示器的分辨率設置。我用的顯示器，是２４英寸的。 　　舉例說明，如果您的顯示器是19英寸寬屏的，那么最佳分辨率一般是1440x900px； 那么任何網站上的圖片，如果寬度大于1440px，在您的顯示器上都可能會顯示不完整。比如某個網站的全屏圖片寬度是1920px，那么在您顯示器上，能顯示的寬度可能就是1440px，其余480px**由于顯示屏的尺寸不夠大，是不會顯示的**。 　　這里我為什么要用‘可能’兩個字呢，是因為這個規則對自適應網站是不適用的。因為自適應布局的網站，圖片會根據瀏覽器的窗口大小做自動縮放。 　　通常的網店頁面，如**淘寶、天貓、阿里巴巴、京東，這些平臺的框架都是固定布局**。那么有人會問，能不能做圖片自適應的代碼呢？答案是不能。這些網店平臺沒有自適應框架，也不支持自適應的代碼。 　　下面這張圖，寬度是1920px，安裝到店鋪后，如果是全屏居中的，在不同尺寸的顯示器上，顯示效果也是不同的。比如我的顯示器是24英寸的，分辨率是1920x1080px；那么這張圖在我的顯示器上是可以完整顯示的。如果顯示器分辨率小于我的顯示器分辨率，在淘寶店鋪頁面上，就一定會出現兩側有部分圖片不顯示的情況！（不顯示區域的寬度，等于圖片寬度減去顯示器分辨率的寬度。）  　　既然淘寶這些電商平臺的頁面是固定布局頁面，太大的圖片在小型顯示器上又不顯示，那我們美工怎么作全屏圖呢？總不能讓訪問網頁的人都買同樣尺寸的顯示器吧？ 　　為了解決這個問題，我作為一個從業超過１０年的美工，建議采用以下方法，兼顧尺寸不同的顯示器，讓所有訪問者都能訪問到圖片中的信息。 　　１．全屏圖片的寬度，個人建議設置為1920px，這樣在24寸以下的顯示器上，都是全屏顯示器的；27寸以上的顯示器，目前很少，可以不考慮； 　　2．把圖片中最重要的信息，都做在中間950或990px之內。超出這個范圍，兩側的區域可放置一些點綴的圖片元素或留白； 　　比如上面這張海報圖，主要內容是一個會員價格表。為了兼顧各種尺寸的顯示器，我把價格表放在了圖片正中間，兩邊的都是點綴的元素。即使在很小的顯示器上，兩側的次要內容不顯示，也不影響內容的傳達。 > 有的同學要說了，講了這么多，還是沒看明白。那我告訴你一個最簡單的辦法： 先看下你電腦顯示器的分辨率寬度是多少，在photoshop中設計圖片時，**畫布的寬度和你電腦顯示器分辨率寬度相同**即可避免代碼安裝到店鋪后顯示不完整的問題。