最常用的像素尺寸(主要是宽度)是什么?有哪些优点和缺点?
如何才能最好地找到一种快乐的媒介,为拥有各种显示器尺寸的人们提供良好的体验?
非常感谢答案的解释,而不仅仅是大小。
答案 0 :(得分:20)
大多数网格使用960px的宽度。 (当设计具有固定宽度时)。 当您查看全局统计数据时,1024范围分辨率仍然是最常见的:http://gs.statcounter.com/#resolution-ww-monthly-201006-201106
不要使用1000宽度。 (您必须计算浏览器和滚动条的边框宽度,在某些浏览器/操作系统中它们比其他浏览器/操作系统更大)
我认为没有最终解决方案,这就是为什么你应该查看有关网页上的统计数据(如果页面已经存在),以决定最合适的分辨率。如果您不能这样做,您可以在http://gs.statcounter.com/
上查看目标市场的统计数据甚至更好地使用响应式网页设计:http://www.alistapart.com/articles/responsive-web-design/
由于CSS中的max-和min-width属性,如果你有时间/预算,你可以定位你想要的任何分辨率。
答案 1 :(得分:5)
960px宽度是一个很好的标准,正如其他人已经详细阐述的那样。
但是,应该记住,现在网站的查看次数远远超过桌面,所以答案可能因网站的样式 而有所不同。例如,对于移动样式表,960px的宽度会很差。
可以帮助您的一种资源是www.resizemybrowser.com。 (Firebug中内置了一个类似的工具。)
在一天结束时,我认为960px是一个很好的标准,但实际上,“它取决于”。 :)
答案 2 :(得分:4)
960是固定宽度网站的标准。这是为了确保1024x768分辨率能够轻松获取。至于身高 - 这并不重要。
答案 3 :(得分:2)
一般来说,对于固定宽度的网站,这应该是在计算机屏幕上阅读,现在,我会说大约1000px (因为不再有800 * 600的分辨率而且至少你能找到的是1024 * 768)。
你应该真正瞄准可扩展的设计(尽管通常更难)。
答案 4 :(得分:1)
根据经验,对于网络,我会说宽度大于850且小于1000像素,最好是在900年代,高度大约为750像素,但请记住,在动态内容的情况下,高度会有所变化。所以高度可以设置为100%或自动。
并最好通过css属性margin: 0 auto;
答案 5 :(得分:1)
最常见的尺寸在900-1000像素之间,有一些很好的屏幕尺寸使用来源,大多数人倾向于为最大的群体设计。大多数人认为任何拥有800×600屏幕的人都不想做太多的事情。即捆绑现金(大概括)
答案 6 :(得分:1)
我不会只考虑桌面显示器分辨率。如今你几乎可以在任何设备上浏览网站,人们也可以通过手机和平板电脑浏览这些网站,所以你真的应该考虑它们。
这可能会导致不同设备的不同网站版本,或者能够根据不同尺寸容纳的网站布局。在您第一次考虑您计划进行的网站时,您必须考虑这一点,因为并非每个网站都适合具有此类型的布局。
适应性布局具有额外的好处,即使具有自定义(非标准)分辨率的新设备出现也会很好,您不必担心在这些新设备中检查它,因为它适合(如果布局是正确的。)
无论如何,对于台式机显示器,我的标准最小宽度仍为960px,对于适应性强的布局,我通常会选择最大宽度用于非常大的显示器(考虑在2500x1600显示器上查看扩展到整个显示器宽度的网站.. gosh)大约1200px,如果浏览器大小小于100%,宽度为100%,以使网站适合各地。