推荐的网站的分辨率（宽度和高度）？ [英] Recommended website resolution (width and height)?
问题描述
有共同的网站解决任何标准？
Is there any standard on common website resolution?
我们的目标新的显示器，或许至少1280px宽，但高度可能会有所不同，每个浏览器可能有不同的工具栏的高度了。
We are targeting newer monitors, perhaps at least 1280px wide, but the height may varies, and each browser may have different toolbar heights too.
有没有任何形式的标准来呢？
Is there any sort of standard to this?
推荐答案
的建议，这些天是：
优化1024×768 。对于大多数网站，这将覆盖大部分游客。大多数日志显示您的访问的92-99％，将超过1024宽。虽然1280是越来越普遍，仍然有很多在1024和一些低于。优化这一点，但不要忽略其他。
Optimize for 1024x768. For most sites this will cover most visitors. Most logs show that 92-99% of your visits will be over 1024 wide. While 1280 is increasingly common, there are still lots at 1024 and some below that. Optimize for this but don't ignore the others.
1024 =〜960 。占滚动条，窗口边等手段一个1024x768的屏幕的宽度真正是的about 960像素的。一些工具是基于尺寸略小，约940 。这是默认的容器宽度 Twitter的引导。
1024 = ~960. Accounting for scrollbars, window edges, etc means the real width of a 1024x768 screen is about 960 pixels. Some tools are based on a slightly smaller size, about 940. This is the default container width in twitter bootstrap.
不要设计一个尺寸即可。窗口大小各不相同。不要以为屏幕大小等于窗口大小。设计合理的最低，但相信它会调整。
Don't design for one size. Window sizes vary. Don't assume screen size equals windows size. Design for a reasonable minimum, but assume it will adjust.
使用响应式设计和液体的布局。使用布局时，窗口大小将进行调整。这个人做了很多，尤其是在大显示器。这是刚刚好CSS的做法。有迹象表明，支持这几款前端框架。
Use responsive design and liquid layouts. Use layouts that will adjust when the window is resized. People do this a lot, especially on big monitors. This is just good CSS practice. There are several front-end frameworks that support this.
款待移动作为一等公民。你得到更多的流量来自移动设备的所有时间。这些引进更屏幕尺寸。你仍然可以优化960，但使用响应的网页设计技术，意味着你的页面会调整根据屏幕尺寸。
Treat mobile as a first-class citizen. You are getting more traffic from mobile devices all the time. These introduce even more screen sizes. You can still optimize for 960, but using responsive web design techniques means your page will adjust based on the screen size.
登录浏览器的显示信息即可。你可以得到这个实际数字。我发现这里一些数字和的here 和这里。您也可以操纵你的站点收集的数据相同。
Log browser display info. You can get actual numbers about this. I found some numbers here and here and here. You can also rig your site to collect the same data.
用户将滚动所以不要担心太多关于高度即可。旧的论据是，用户不会滚动和任何重要的应该是倍以上。这是几年前推翻。 用户滚动了很多。
User will scroll so don't worry much about height. The old argument was that users wouldn't scroll and anything important should be "above the fold." This was overturned years ago. Users scroll a lot.
更多关于屏幕分辨率：
- Screen Resolution and Page Layout
- Actual browser sizes
- Best Screen Resolution to Design Websites
- Design for browser size - not screen size
更多关于响应式设计：
- 自适应网页设计（2010年5月25日），伊桑·马科特，列表除了
- 在Wikipedia自适应网页设计
- 多设备布局模式（2012年3月14日），卢克·莱夫斯基。目录册适应多设备的屏幕布局最流行的模式。
- Responsive Web Design (2010, May 25), Ethan Marcotte, A List Apart.
- Responsive Web Design at Wikipedia
- Multi-device layout patterns (2012, Mar 14) Luke Wroblewski. Catalogs the most popular patterns for adaptable multi-device screen layouts.
工具和前端框架响应式设计和液体的布局：
Tools and front-end frameworks for responsive design and liquid layouts:
- Twitter的引导
- Zurb基金会</A>
- 为响应网页设计（2012年4月24日），丹尼斯·雅各布斯50奇妙的工具＆安培;彼得Gasston
- Twitter Bootstrap
- Zurb Foundation
- 50 fantastic tools for responsive web design (2012, April 24) Denise Jacobs & Peter Gasston
这篇关于推荐的网站的分辨率（宽度和高度）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
