爲什麼網站通常在內容的任何一邊都有空格？

我觀察到許多網站在頁面的兩邊留下了一些空格。它背後的原因是什麼？它是網頁設計標準的一部分嗎？爲什麼網站通常在內容的任何一邊都有空格？

來源

2010-06-21 felix

「所有網站」？你能舉幾個例子嗎？ – deceze 2010-06-21 05:16:37

不是所有的網站都有空間... – icktoofay 2010-06-21 05:16:48

甚至stackoverflow。但我不應該把它作爲「所有網站」。我會編輯它:) – felix 2010-06-21 05:17:40

如果文本沒有觸及窗口的邊緣，則更容易閱讀文本。

來源

2010-06-21 05:17:37 Quentin

您通常希望您的內容在所有合理尺寸的顯示器上合理顯示，而無需水平滾動。這樣做的一種方法是確保您的內容不超過一定的像素數（例如800x600顯示器爲760 ish，如果要將1024x768作爲最小顯示器尺寸，則爲960ish）。

另一種選擇是「流動」佈局，可以擴展到瀏覽器窗口的大小，但這些通常比較難編碼，而且對於非常大的顯示器通常同樣不受歡迎（人們是否確實希望網站能夠在1900x1200分辨率？）。

來源

2010-06-21 05:17:43

臭蟲，你擊敗了我約15秒！ +1儘管 – griegs 2010-06-21 05:19:03

幾乎沒有網站使用液體外包裝，特別是對於主包裝，因爲它在小屏幕上有一個災難性溢出的習慣。 – tcooc 2010-06-21 05:22:06

@格里格斯哈哈運氣不好，謝謝 – 2010-06-21 05:39:16

通常你通過CSS居中在屏幕中間您的網站的「包裝」：

#wrapper { width:960px; margin:0 auto; } 

<div id="wrapper">content</div>

來源

2010-06-21 05:18:13

嗯，我能想到的好去處這可能會或可能尚不存在的，是不StackOverflow ;-)但無論如何：這是因爲人們閱讀長度不超過68個字符的文本行更容易。（或者類似的東西）人眼只能一次接受太多的內容，如果你的文本太寬，人們就會失去對線左側的追蹤，這使得他們走到了右側，這使得它很難閱讀。基本上，您希望文本的整個寬度適合一個視野（對於「視野」的某些定義）。

來源

2010-06-21 05:19:26

其關於fixed Vs fluid佈局的辯論。有很多討論涉及這個主題。僅舉幾例：

一言以蔽之：

固定寬度

固定的網站佈局具有固定寬度的包裝，其中的組件具有百分比寬度或固定寬度。重要的是，所述容器（包裝）元素被設置爲不動

流體寬度

在流體網站的佈局，也被稱爲液體佈局，多數的裏面的組件具有百分比寬度，從而適應用戶的屏幕分辨率。

你的問題是關於固定的佈局和它的優點，僅舉幾例：

固定寬度佈局更容易使用，更容易在設計方面定製。
寬度對於每個瀏覽器都是相同的，因此與圖像，表單，視頻和其他固定寬度的內容相比較少有麻煩。
無需使用最小寬度或最大寬度，但每個瀏覽器都不支持。
即使網站被設計成用最小的屏幕分辨率兼容，800×600，內容將仍然足夠寬，以更大分辨率是容易識別

。

來源

2010-06-21 05:19:57

頁面兩側都有空格。這是因爲您爲自己的網頁設置了特定的尺寸，並將其與中心對齊以確保您的訪問者看到它。

另一方面，有一些使用廣泛的尺寸，例如，你可以看到很多網站950像素，1000像素和995像素寬度，這是因爲一個普通的法律，在1024更好的外觀爲您的網站解析度。

來源

2010-06-21 05:20:18

我的首選是使用液體佈局達到一些合理的寬度（比如1024像素），之後使用固定的寬度。有關更多信息和代碼，請參閱：How to optimize web page width。

來源

2010-06-21 05:24:30

爲什麼網站通常在內容的任何一邊都有空格？

回答

相關問題