Html 是否有新的标准网页宽度?多少像素?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/7271521/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Is there a new standard web page width? How many pixels?
提问by Evik James
I am just building a new site for a client and want to make sure I serve him best. I am at the process of determining the page width.
我只是在为客户建立一个新网站,并希望确保我为他提供最好的服务。我正在确定页面宽度。
First, for the last few years, my pages have been typically about 900 pixels wide and centered in the middle of the browser window. This works really well. That's not the approach I am taking now though. My old standard of 900-1000 pixels seems really small on today's monitors.
首先,在过去的几年里,我的页面通常大约有 900 像素宽,并位于浏览器窗口的中间。这真的很好用。这不是我现在采取的方法。我的 900-1000 像素的旧标准在今天的显示器上似乎很小。
I am creating a three column page layout. The leftmost column needs to stick to the left side of the browser. If the browser is set really wide, there is a huge vertical dead zone on the right side of the browser. That's not really a problem since I doubt most people open their browser to 100% wide on a 1600px monitor.
我正在创建一个三列页面布局。最左边的列需要贴在浏览器的左侧。如果浏览器设置的很宽,浏览器右侧会有一个巨大的垂直死区。这不是真正的问题,因为我怀疑大多数人在 1600 像素的显示器上将浏览器打开到 100% 宽。
My question is this: Is there a standard pixel width that you assume 90% of the people use to view a web site?
我的问题是:是否有一个标准的像素宽度,您假设 90% 的人使用它来查看网站?
回答by Mike
960 pixels!
960像素!
It has plenty of denominations to allow you to split your page up into various columns. I suggest taking a look at http://960.gs
它有很多面额,可以让您将页面分成不同的列。我建议看看http://960.gs
I know, as you said that it is small compared to your monitor, however there are a lot of users (the majority) who would benefit from keeping this resolution.
我知道,正如您所说,与您的显示器相比,它很小,但是有很多用户(大多数)会从保持此分辨率中受益。
回答by Wabbitseason
You can also consider using a so called "responsive" approach:
您还可以考虑使用所谓的“响应式”方法:
The idea is that using media queries (and substitute techniques) you adapt your layout to the viewport of your visitor, so ideally you can offer the best content to everyone.
这个想法是使用媒体查询(和替代技术)您可以根据访问者的视口调整布局,因此理想情况下您可以为每个人提供最好的内容。
回答by Brad
If you made fluid-width pages, this wouldn't be an issue.
如果您制作了流体宽度页面,这将不是问题。
Monitors these days are all over the place. You will have to check your analytics to see what your particular audience is using.
这些天监视器随处可见。您必须检查您的分析以了解您的特定受众正在使用什么。
If I make a fixed-width page, I usually still shoot for 980px. There are lots of netbooks popping up with resolutions of around 1024x800 and what not. Again though, there is no specific answer to this question, other than making pages without a fixed-width, or checking your own audience.
如果我制作一个固定宽度的页面,我通常仍然会拍摄 980px。有很多上网本的分辨率大约为 1024x800,什么都不是。尽管如此,除了制作没有固定宽度的页面或检查您自己的受众之外,这个问题没有具体的答案。