什么1024x768的屏幕上典型的视口大小？ [英] What the typical viewport size on a 1024x768 screen?

问题描述

我设计一个Web应用程序，和我想知道，我可以设计为最大尺寸（x和y）。

I am designing a web application, and I wish to know the largest size (x and y) that I can design for.

正如2008年1月时，大约有一半的用户正在使用1024x278屏幕，大概不到10％的使用较小的屏幕。 （手机和掌上电脑用户是一个例外这里）。所以我们设计了1024×768的最小屏幕尺寸。

As of January 2008, about half of users are using 1024x278 screens, and probably less than 10% are using smaller screens. (Phone and palmtop users are an exception here.) So we are designing for minimum screen size of 1024x768.

的然而的，那就是屏幕尺寸，并且当我们奠定了我们的内容，我们需要知道的视窗的大小。 有证据的大多数用户都在浏览器最大化，但人们仍然必须减去出OS的装饰和chrome浏览器的空间。人们定制自己的铬，所以没有单一的正确的答案;我要一个合理的边界，将容纳广大用户。

However, that's the screen size, and when we are laying out our content we need to know the viewport size. There is evidence that most users have the browser maximized, but one still must subtract out space for OS decorations and browser chrome. People customize their chrome, so there is no single "right" answer; I am going for a reasonable bound that will accommodate the majority of users.

我看<一个href=\"http://stackoverflow.com/questions/202557/what-is-the-best-absolute-width-for-a-webpage\">plenty设计师的谁说，他们使用的960像素的宽度，因为它有许多因素，可以平分秋色了 - 但决定在此之前我想知道的最大的大小，我可以蒙混过关，那么我可能会选择使用稍差。我已经看到了960，974，甚至990报价...最大宽度我自己的实验似乎显示1000的宽度工程确定。

I see plenty of designers who say that they use a width of 960 pixels because it has many factors and can be divided up evenly -- but before deciding on this I want to know the maximum size that I can get away with, then I might choose to use somewhat less. I have seen max widths of 960, 974 or even 990 quoted... my own experiments seem to show a width of 1000 works OK.

高地们更是很难得的：我发现我可以容纳595像素的垂直高度视工程对，我试过，具有典型的默认操作系统和Chrome浏览器设置的浏览器。但我还没有尝试过很多，我宁愿看到一个更权威来源。当然，别人已经做过这项研究，并做了比我更好。

Heights are even more difficult to come by: I find I can fit a vertical viewport height of 595 pixels works on the browsers that I've tried, with typical default OS and chrome settings. But I haven't tried very many, and I would rather see a more authoritative source. Surely someone else has done this research and done it better than me.

所以我真正的问题是：什么是最大的视口大小我可以设计并期望它适合没有滚动条为所有用户的80-90％

So my real question is this: What is the largest viewport size I can design for and expect it to fit without scrollbars for 80-90% of all users?

推荐答案

今天我只是碰到一个网站这是我这个老问题高度相关的就来了。显然，谷歌愿意分享的浏览器窗口大小的知识。新的服务项目是 http://browsersize.googlelabs.com/ ，它基本上只是显示了他们的数据上典型的浏览器入口的大小。

Today I just came across a site which is HIGHLY relevant to this old question of mine. Apparently Google is willing to share their knowledge about browser window sizes. Their new service is at http://browsersize.googlelabs.com/ and it basically just shows you their data on typical browser portal sizes.

注意：在谷歌实验室browsersize现在很过时（图像的题目是 2009-11-18-day_google_com_100_donate_example.png ）和即将关闭的。谷歌认为，谷歌Analytics（分析）可以用于确定您自己的网站浏览器的大小分布：的 http://analytics.blogspot.ca/2012/06/new-feature-conduct-browser-size.html

Note: The Google Labs browsersize is now very out of date (the image is titled 2009-11-18-day_google_com_100_donate_example.png) and will be shut down soon. Google suggests that Google Analytics can be used to determine browser size distribution for your own site: http://analytics.blogspot.ca/2012/06/new-feature-conduct-browser-size.html

这篇关于什么1024x768的屏幕上典型的视口大小？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！