我的網站在1024以上的分辨率下無法正常顯示

我最近開發的網站在1024分辨率下看起來不錯，但在較大的分辨率下會出現混亂。以下是您可能需要查看的文件的鏈接：CSS for the site，CSS for the menu bar。這是一個PHP文件，但我已經鏈接到包含的HTML文件。我的網站在1024以上的分辨率下無法正常顯示

我有一個普通的17'屏幕，而客戶端有一個寬屏。她看到右側的白色空間，我不知道。我只看到它，因爲我已經使用網站viewlike.us來測試不同的分辨率。我怎樣才能使它調整比例？謝謝。

來源

2013-04-04 MTech

沒有指向HTML或網頁的鏈接 – 2013-04-04 19:24:17

抱歉。它最初被包括在內，我認爲但是我超過了我的最大連接數。該網站是inecnursing.org。自原始帖子以來，我做了一些更改。我想我必須製作一個更大的背景圖像，以擴展更高的分辨率。它們正在排隊，但它們並沒有正確地分佈在整個頁面上，只是頁面的一部分被使用。 – MTech 2013-04-04 22:16:55

這是因爲你定身是1024像素

body { 
width:1024px; 
background-image:url(images/top_background.jpg); 
background-repeat:no-repeat; 
background-color:#FFF; 
}

你不想這樣做，你平時做的是有你設置大小爲1,024像素的網頁包裝。

例如，您可以在HTML中有這樣的

<html> 
    <head>...</head> 
    <body> 
     <div id="pageWrapper"> 
     <!-- all your content here --> 
     </div> 
    </body> 
</html>

然後在CSS，你可以有這樣的事情：

#pageWrapper { 
    width:1024px; 
    margin: 0 auto; 
}

來源

2013-04-04 19:37:51

感謝您的快速回復。我會在一秒鐘之內嘗試一下。我只是想首先補充一點，我將身體初始設置爲100％，但是在分辨率超過1024像素時出現失真，所以我將其設置爲背景圖像的長度1024。作爲一個額外的快速問題，因爲我對創建響應式設計相當陌生，因此遇到了一些問題。當你有像我這樣的背景圖片，它構成了網站的標題時，它的尺寸應該是什麼樣的，它適用於任何分辨率？我應該製作一張巨大的照片，以便相應縮小？ – MTech 2013-04-04 19:55:30

通常你有一個這樣的結構：

<html> 
    <head>...</head> 
    <body> 
     <div id="header-wrapper> 
     <div id="header> 
      <!-- header content here --> 
     </div> 
     </div> 
     <div id="pageWrapper"> 
     <!-- all your content here --> 
     </div> 
    </body> 
</html>

然後，您可以爲頭部和身體的另一個圖像設置圖像，或者爲頭部和圖像設置一個圖像身體的背景顏色。這完全取決於你在做什麼。

背景圖像通常不是那麼大。你通常有的圖像或圖案可以在X或Y或兩者上重複。在CSS你可以有這樣的事情：

#headerWrapper { 
    width:100%; 
    height: 100px; 
    background: url("/img/background.png") repeat-x; 
}

用這個圖像將在頭上水平重複。然後你可以爲身體設置另一個背景，或者只是一個背景顏色。

同樣，它取決於你想要達到的目標。

祝你好運！

來源

2013-04-05 13:23:36

謝謝你！我認爲這是我需要的最終解決方案。 – MTech 2013-04-06 13:52:26

我的網站在1024以上的分辨率下無法正常顯示

回答

相關問題