2009-12-08 99 views
2

我正在開發一個網站。 我聽說最好有一個固定寬度的網站。 什麼可能是我可以分配給我的網站的最佳固定寬度?網站固定寬度

+0

你是什麼意思最好?你可以使用的最大值?在大多數情況下,固定寬度打破可訪問性準則,儘管這不是嚴格的。 – Rippo 2009-12-08 07:25:27

+1

最好在Doctype上發佈網頁設計問題。 – 2009-12-08 07:56:34

+2

如果每個網頁設計問題都應該在Doctype上發佈,那麼「網頁設計」標籤應該被SO封鎖。人們使用SO來獲得快速和良好的答案,這是真實的,所以對於所有類型的問題都是非常好的和快速的反應,並且很有價值。 – 2009-12-08 11:25:17

回答

4

由於Yahoo says

* #doc - 750px centered (good for 800x600) 
* #doc2 - 950px centered (good for 1024x768) 
* #doc3 - 100% fluid (good for everybody) 
* #doc4 - 974px fluid (good for 1024x768) 

我建議使用雅虎的風格和聽從他們的建議。 另一個有用的資源是w3schools.com的Display Browser Statisics。

0

你從哪裏聽到的?一個固定寬度的網站帶來了這樣的問題,即它在大多數情況下只適合寬度適合的屏幕。想想一個固定寬度爲768px的網站,該頁面將如何看待1920x1200的分辨率?

您應該開發可以使用瀏覽器分辨率進行擴展的網站。

+1

同意。除非您需要像素精確設計或有其他要求,否則您的網站應該與瀏覽器一起擴展。 – 2009-12-08 07:30:20

+0

但開發網站的%和em將花費比像素更多的時間。你無法調整圖像大小。 – 2009-12-08 07:33:14

+0

你應該只在客戶需要時纔開發可擴展的網站。 – 2009-12-08 07:34:50

0

理想情況下,您的網站應該與屏幕分辨率的寬度成比例。但是在大多數情況下這很困難。由於大多數用戶仍然使用1024x768分辨率,所以任何寬度都可以使所有內容在這樣的屏幕上顯示而不需要滾動,這是一個很好的寬度。

2

雖然我同意那些說可變寬度有好處的人的觀點,但我發現除非有重要的內容,否則當一個網站伸展時,隨着寬度的擴大,內容會變得很稀疏。僅僅因爲這個原因,我的許多客戶都要求固定寬度的皮膚。縮小網站可以幫助構建內容並保持更「恆定」的外觀(當這是一個問題時)。通常,在設計固定寬度網站時,我使用W3C的統計數據來獲得最流行的分辨率。目前,我一直在設計〜980像素寬,這允許1028寬,與滾動條和一些背景仍然可以看到。不過,隨着更多人採用寬屏幕顯示器,我注意到統計數據向更廣泛的分辨率轉移。

但是,它確實會降低到您認爲適合網站,內容和客戶端的程度。

0

這是一個可能會派上用場的小黑客。在較大的屏幕上,我發現沒有100%的寬度是好的,因爲水平眼睛滾動的數量比舒適的多。關於A4或大容量頁面是人們喜歡的內容寬度。

但是,在非常小的屏幕上,如果將寬度設置爲70%或80%,則會浪費寶貴的屏幕分辨率。因此,鍛鍊什麼是你允許的最小像素寬度 - 爲了說明的緣故,假設它是800px。

創建一個與您的背景顏色相同的1x1像素圖像。然後把這個圖像放到你的內容窗格(div,table,無論你用於佈局),但設置width =「800px」height =「1px」,這將強制你的內容總是至少800px寬,但不覆蓋全屏寬度大於800像素的分辨率。

正如我所說這是黑客攻擊,它可能會或可能不是你正在尋找的。

+1

這是一箇舊的學校黑客,我不會推薦。如果您需要使用最小寬度定義最小值 - IE6是唯一不支持此標籤的普通瀏覽器。請記住爲iPhone等設備配置視口。 http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509 – 2009-12-08 08:07:52

0

因爲網站可以出現在任何數量的瀏覽器,任何數量的設備上,以任意數量的分辨率(電話,上網本或電影屏幕?),固定寬度就是一團糟。 Kludges可以工作,但是爲了一個目的而設計會更好,而不是決定一些任意的規則,然後堅持到底,而不知道爲什麼。

不要只用1024px,因爲大多數人可以在大多數情況下處理。知道你想要達到的目標,並用它來告知你的決定。

那麼,你是誰的目標,你想讓他們做什麼?

1

960 Grid System認爲960像素是明智的選擇,因爲數量有這麼多除數。我不確定我是否同意,但他們確實在他們的網站上有令人印象深刻的演示網頁列表。

您可以在頁面底部找到指向流體替代品的鏈接。

根據我的經驗,固定與流體的爭論似乎是設計師與程序員的討論。設計人員通常更喜歡固定的佈局,因爲這會給他們更多的控制權,而程序員通常更喜歡流體佈局,因爲通過設置瀏覽器窗口的寬度,他們可以選擇他們想要的寬度。

0

這種問題確實與主題/模板有關,如果您使用像drupal這樣的CMS(以及其他許多CMS),可以靈活處理以提供您所需的任何內容。固定或流體 - 無論如何。你甚至可以讓你的用戶決定。