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

问题描述

我正在设计一个网络应用程序，我想知道我可以设计的最大尺寸（x和y）。

截至2008年1月，，大约一半的用户使用1024x278的屏幕，可能小于10％的用户使用较小的屏幕。 （电话和掌上电脑用户也是例外。）所以我们设计的最小屏幕尺寸为1024x768。

，当我们布置我们的内容时，我们需要知道视口大小。 有证据表明，大多数用户的浏览器最大化，但仍然必须减去操作系统装饰和浏览器chrome的空间。人们定制他们的chrome，所以没有单一的正确的答案;

我看到很多设计师，他们说他们使用960像素的宽度，因为它有很多因素，可以均匀分配 - 但之前决定这一点我想知道我可以逃避的最大尺寸，那么我可以选择使用更少。我已经看到最大宽度为960,974甚至990引用...我自己的实验似乎显示宽度为1000的作品OK。

高度甚至更难来自：我发现我可以适应一个垂直视口高度595像素工程在我尝试过的浏览器，与典型的默认操作系统和chrome设置。但我没有尝试过很多，我宁愿看到更权威的来源。当然，有人做了这个研究，做得比我更好。

所以我真正的问题是这是：我可以设计和期望它是最大的视口大小

解决方案

今天我刚刚遇到一个与这个网站非常相关的网站我的老问题。显然，Google愿意分享他们关于浏览器窗口大小的知识。他们的新服务位于 http://browsersize.googlelabs.com/ ，它基本上只是显示他们的数据

：Google实验室的browsersize现在已过时了（图片标题为 2009-11-18-day_google_com_100_donate_example.png ）和很快就会关闭。 Google建议您使用Google Analytics（分析）来确定您自己网站的浏览器大小分布： http://analytics.blogspot.ca/2012/06/new-feature-conduct-browser-size.html

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

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.

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.

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.

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.

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?

解决方案

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.

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屋！