屏幕分辨率和CSS

时间:2010-12-17 17:12:48

标签: css

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

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

http://stevenportfolio.servehttp.com

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:2)

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

您绝不应该设计一个依赖于屏幕特定分辨率的网站,原因如下:

  • 并非所有用户都具有相同的屏幕分辨率
  • 即使您尝试使用JavaScript或某些类似的黑客来查找解决方案,也可能正确报告(或者您的网站不应该要求使用JavaScript)
  • 浏览器窗口可能会或可能不会最大化

尝试提供足够灵活的设计,以适应任何标准屏幕尺寸,并记住经常在不同的屏幕尺寸,浏览器,操作系统和分辨率上测试您的网站。 (如果您没有多台计算机,可以使用browsershots.org。)