如何爲1024x768分辨率開發？

嘿大家，我希望我在正確的地方問這個問題，如果不是，我會提前道歉。我對製作網站完全陌生，而且仍然處於學習的過程中。我的問題不是任何具體的編碼，但我想知道的是我應該遵循的一般準則是什麼使網站適合1024x768分辨率？例如，使用百分比而不是像素。我目前正在以1440x900分辨率處理15英寸Macbook Pro，以供參考。我希望這不是一個完全模糊的問題，並且預先感謝您的任何幫助。如何爲1024x768分辨率開發？

來源

2011-05-15 barit

最好把你的問題改爲「你如何爲1024x768開發」或「如何製作在1024x768和1920x1200之間很好地放大和縮小的網站」 – Raynos 2011-05-15 16:53:52

谷歌圍繞「960設計」：如果您將網站內容寬度固定爲960像素，那麼您並不孤單，這將非常適合1024x768的屏幕分辨率。

另一種選擇當然是通常使用「流體」佈局，其中網站在任何分辨率上看起來不錯。

來源

2011-05-15 16:58:49 Jeroen

謝謝，我認爲流體佈局聽起來是最吸引人的，因爲我也想要適應更大的尺寸。 – barit 2011-05-15 17:14:41

這很大程度上取決於您想要製作的網站類型。在你學習的時候，最好的辦法是看看其他看起來和感覺與你想要達到的效果相似的網站，並看看他們的CSS。不要直接複製它們的CSS，而是嘗試理解它們是如何實現設計的不同部分的。

一般而言，由於您要採用流體佈局路線（通用站點IMO的最佳方式），因此需要提供寬度等的相對值，並按照最小/最大值的絕對值進行跟蹤對於寬度值等。例如，你可能有這樣的事情在你的設計中的一些div容器以下：

div.contentbox 
{ 
    width:80%; 
    min-width:800px; 
    max-width:1280px; 
}

您可能要看看浮動的div，以確保他們住在不同的瀏覽器尺寸對齊邊緣，您可能需要考慮使用margin:auto來保持中心位置。

有技巧的負載你一般經歷讓網站在不同尺寸的瀏覽器尋找相同十歲上下。對你來說最好的辦法就是開始製作它，當你遇到一個特定的問題時，你可以谷歌它（過去肯定會遇到類似的問題），如果你無處可尋，或者需要更多的幫助，在這裏問。

來源

2011-05-15 17:28:40 musaul

非常感謝您的幫助，真正有用的信息。 – barit 2011-05-15 21:19:14

如何爲1024x768分辨率開發？

回答

相關問題