屏幕分辨率和CSS

Question

如果我將屏幕分辨率設置爲1024 * 768，這是否意味着我的網站可以是1024像素寬？

如果是這樣的話，爲什麼1024像素寬的圖像會切斷頁面？

http://stevenportfolio.servehttp.com

Answer 1

簡短的回答是否定的。屏幕分辨率爲1024 x 768意味着您的屏幕水平顯示1024像素，垂直顯示768像素。但是，當您查看您的網頁時，您並不總是使用這些像素的100％。例如，瀏覽器中的滾動條會佔用一些像素，或者如果瀏覽器未最大化，那麼您可能只有一半的屏幕。

你永遠不應該設計一個網站，依靠屏幕上是有幾個原因特定分辨率：

• 並非所有用戶都使用相同的屏幕分辨率
• 即使你試圖找到決議JavaScript，或者一些類似的黑客攻擊，它可能會或可能無法正確報道（再加上你的網站不應該需要使用JavaScript來工作）
• 瀏覽器窗口可能會或可能不會被最大化

嘗試設計出足夠靈活的設計，以適應任何標準屏幕尺寸，並記住經常在不同的屏幕尺寸，瀏覽器，操作系統和分辨率上測試您的網站。 （如果你沒有多臺計算機，你可以使用browsershots.org。）

Answer 2

如果你的屏幕分辨率爲1024x768，這意味着你的屏幕寬1024個像素。由於滾動條和窗口邊框佔用一些空間，因此網頁的可用空間可能會少一些。