屏幕分辨率和CSS

如果我将屏幕分辨率设置为1024*768，是否意味着我的网站可以有1024像素宽

如果是这样，那么为什么1024像素宽的图像会切断页面

---

如果您的屏幕分辨率为1024x768，则表示您的屏幕宽度为1024像素。网页的可用空间可能会少一些，因为滚动条和窗口边框会占用一些空间。

如果屏幕分辨率为1024x768，则意味着屏幕宽度为1024像素。网页的可用空间可能会少一些，因为滚动条和窗口边框会占用一些空间。

简短的回答是否定的。1024 x 768的屏幕分辨率意味着您的屏幕水平显示1024像素，垂直显示768像素。但是，当您查看网页时，并不总是使用100%的像素。例如，浏览器中的滚动条会占用其中一些像素，或者如果浏览器未最大化，则可能只有屏幕的一半

出于以下几个原因，您永远不应该设计一个依赖于特定分辨率屏幕的网站：

• 并非所有用户的屏幕分辨率都相同
• 即使你试图用JavaScript或类似的黑客来寻找解决方案，它也可能会被正确报告，也可能不会被正确报告（另外，你的网站不需要JavaScript来工作）
• 浏览器窗口可以最大化，也可以不最大化

---

试着想出一个足够灵活的设计，以适应任何标准的屏幕大小，并记住经常在不同的屏幕大小、浏览器、操作系统和分辨率上测试您的站点。（如果你手头没有多台电脑，你可以使用browsershots.org。）

简短的回答是否定的。1024 x 768的屏幕分辨率意味着你的屏幕水平显示1024像素，垂直显示768像素。但是，当您查看网页时，并不总是使用100%的像素。例如，浏览器中的滚动条会占用其中一些像素，或者如果浏览器未最大化，则可能只有屏幕的一半

出于以下几个原因，您永远不应该设计一个依赖于特定分辨率屏幕的网站：

• 并非所有用户的屏幕分辨率都相同
• 即使你试图用JavaScript或类似的黑客来寻找解决方案，它也可能会被正确报告，也可能不会被正确报告（另外，你的网站不需要JavaScript来工作）
• 浏览器窗口可以最大化，也可以不最大化

---

试着想出一个足够灵活的设计，以适应任何标准的屏幕大小，并记住经常在不同的屏幕大小、浏览器、操作系统和分辨率上测试您的站点。（如果你手头没有多台电脑，你可以使用browsershots.org。）

我的意见是，你应该使用的最大值是980px。最理想的情况是，960像素可以被许多适合网格的数字整除（请参阅）。我认为最大值应该是980px。最理想的情况是，将960像素作为其可被许多适用于网格的数字整除（请参阅）。