爲所有屏幕分辨率設置網頁

-2

我在asp.net中創建了一個網頁。它在正常屏幕下正常工作。當在更寬的屏幕上顯示時，側面和底部都有很多空白區域。我如何適合所有屏幕尺寸的頁面。我在前面的帖子中看到以％爲單位設置寬度。但它不起作用。任何人都可以幫我解決這個問題嗎？提前致謝。爲所有屏幕分辨率設置網頁

來源

2012-07-14 user1525762

你能更具體嗎？嘗試發佈您正面臨的html/css問題的jsfiddle（http://jsfiddle.net/）。這將幫助人們瞭解你的問題所在，並希望幫助你理解他們的答案。 – JackWink 2012-07-14 15:59:03

我承諾編寫您的網站的整個HTML結構，如果你可以發佈一些東西在JSFiddle中使用。好吧，我在開玩笑..但如果這不能激勵你正確地解釋你的問題，沒有什麼會:)乾杯！ – AdityaSaxena 2012-07-14 17:27:09

通過定義頂部，右側，底部和左側CSS屬性，您可以嘗試根元素的絕對定位（從身體標記向下一步）。類似這樣的： #page{ positioning: absolute; top: 0; right: 0; bottom: 0; left: 0; } 然後將其他元素放置在該根元素內。

來源

2012-07-14 16:11:18 Roman

我同意你需要更具體的試試這個CSS代碼。

body{ 
width:100%; 
height:100%; 
}

然後你就可以創建一個固定的百分比寬度和高度容器的DIV你作爲標題，側邊欄，主要內容，頁腳...等網頁，例如創建零件。

如果您正確使用％方法是最可行的方法。發佈html/css/js的jsfiddle以獲得特定幫助。

來源

2012-07-14 16:14:47 Shivam

你有兩個選擇：與背景

設置HTML或身體標籤寬度爲100％。然後將網站其餘部分的容器設置爲所需像素大小的最大寬度。這樣可以防止你的網站看起來全部被拉長和混亂，但仍然可以解決空白問題。類似這樣的：

body { 
background:#HEX url(images/2000pxwideimage.png); 
width:100%; 
} 

#wrapper { 
max-width:960px; 
}

您可以使用css3媒體查詢根據屏幕寬度調整您的網站的佈局。這樣做的好處是，您可以適應更小和更大的屏幕尺寸，同時保持您的佈局美觀，在某些情況下可能意味着提供顯着不同的CSS。一個例子可能是水平導航，在較小的屏幕尺寸下，您希望成爲垂直導航以便於使用。這看起來像這樣：

@media (min-width:960px) { 
/* Browser window must be at least 960px wide to get these rules */ 
} 

@media (max-width:320px) { 
/* Something similar to this would work for very small screens like phones */ 
}

來源

2012-07-14 18:12:54 imakeitpretty

爲所有屏幕分辨率設置網頁

回答

相關問題