屏幕分辨率和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个像素。由于滚动条和窗口边框占用一些空间，因此网页的可用空间可能会少一些。