标准“最低”是多少? 我应该通过网站支持决议吗?
复制:
我倾向于将 1024x768 视为现代网络浏览器运行的最低屏幕分辨率,但我担心在商业网站上使用此分辨率时,因为我觉得我可能会伤害那些坚持较小/较旧内容的人们。 所以我问,实际上,我应该期望我的网站在浏览器“最大化”的情况下完美运行的最小屏幕分辨率是多少?
Duplicate:
I tend to think of 1024x768 as the minimum Screen Resolution that a modern web browser will run in, but I worry when using this resolution for a business website because I feel that I might be hurting the folks out there who are stuck with something smaller/older. So I ask, realistically, what is the minimum screen resolution I should expect my website to function perfectly in with the browser "maximized"?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(13)
看看上网本的新最低标准。 我认为 1024x600 是合理的。
编辑:您始终可以查看任意数量的网站来为您提供浏览器使用情况的统计信息。 这是 Google 为我找到的:
http://www.w3schools.com/browsers/browsers_display。 ASP
Look to the Netbooks for a new minimum. I'd say 1024x600 is reasonable.
Edit: You can always look to any number of sites that give you statistics on browser usage. Here's one that Google turned up for me:
http://www.w3schools.com/browsers/browsers_display.asp
来自 Jacob's Nielsen Alertbox 中名为屏幕分辨率和页面布局的文章:
From an article in Jacob's Nielsen Alertbox called Screen Resolution and Page Layout:
取决于你的观众。 如果家里主要是美国消费者,那么我认为 1024x768 是安全的。 对于学校、企业和全球国际观众,您需要 800x600,因为学校和企业不太可能升级计算机,而且各个国家/地区的国际观众可能出于某种原因没有更大的屏幕。
Depends on your audience. If it's mainly American consumers at home, then I think you're safe with 1024x768. For schools, corporate and global international audiences you'll want 800x600 because schools and businesses are less likely to have upgraded computers, and international audiences in various countries may not have larger screens available for whatever reason.
我还可以建议您测试最大分辨率吗? 由于人们使用固定字体大小等原因,许多网站在 1920x1200 下无法使用(无需缩放)。
Can I also suggest you test a maximum resolution as well. Many sites are unusable (without zooming) at 1920x1200 due to people using fixed font sizes and the like.
亲爱的上帝,我们忘记了吗?
HTML(一种逻辑页面描述语言)的全部要点是您永远不必考虑或担心显示设备。
如果显示设备是盲人的文本阅读器,会发生什么?
或者控制台上的纯文本浏览器?
但这不是重点。 要点是 HTML LOGICALLY 描述了页面。 如果您在页面的逻辑描述中进行了纯粹的物理描述,那么您就错了。 您编写网页就像编写 Word 生成 HTML 一样!
您需要编写您的网站,使其在逻辑上正常工作 - 也就是说,您将渲染问题完全交给渲染代理处理。 如果你不这样做,那你就错了。
Dear God, have we forgotten?
The WHOLE POINT of HTML - a LOGICAL page description language - is that you NEVER have to think or worry about the display device.
What happens if the display device is a text-reader for the blind?
Or a text-only browser on a console?
But that's not the main point; the main point is that HTML LOGICALLY describes the page. If you in your logical description of the page are making PURELY PHYSICAL descriptions then you GOT IT WRONG. You're writing web-pages like you're Word emitting HTML!
You need to write your web-site so it works LOGICALLY - which is to say, you leave the problem of rendering PURELY in the hands of the rendering agent. If you're not doing that, you've got it WRONG.
考虑使用适应用户屏幕的流畅布局。 大多数具有固定布局的网站迫使大多数用户查看以最小公分母为目标的网站,尽管 90% 的访问者拥有更高的分辨率。 这会导致布局中导航镶边过多,内容却很少。
如果必须使用固定布局,请考虑借鉴 MSN 将屏幕分为 760 和 224 像素列的提示。 如果访问者的分辨率为 800(您可以在 JavaScript 中检测到),则隐藏 224 像素列。
来自评论的更新:至于确定安全最小值,我会将屏幕设置为 800x600,然后浏览一些流行的一般公共网站 - MSN、雅虎等,看看它们会做什么。 很有可能他们在这个领域投入了大量的研究,并且采用他们所做的通常是一个安全的选择
Consider using a fluid layout that adapts to the user's screen. Most sites with a fixed layout force the majority of users to view the site targeted to the least common denominator even though 90% of the visitors have a much higher resolution available. This results in layouts that are overly populated with navigational chrome and little content.
If you must use a fixed layout, consider taking a cue from MSN where you split the screen into 760 and 224 pixel columns. If the visitor has a resolution of 800 (which you can detect in JavaScript) then hide the 224 pixel column.
UPDATE from comments: As for determining a safe min though I'd set your screen to 800x600 then browse some of the popular general public sites - MSN, Yahoo, etc. and see what they do. It's a good bet they've invested a lot of research in this area and adopting what they've done is usually a safe bet
1)我的浏览器没有最大化。 我的屏幕大小并不重要。 我的浏览器窗口的大小可以。
2) iPhone 的屏幕分辨率为 480x320。 NewEgg 目前列出了至少一台 1920x1080 显示器,价格低于 200 美元。 根据这两种分辨率中的任何一种进行设计都会使您的网站在另一种分辨率上完全无法使用。 即使你将差异和设计拆分为 1024x768,你也会在 200 美元的显示器上看到一条覆盖一半屏幕宽度的条纹(在我看来,这看起来很糟糕),而且它在 iPhone 上仍然完全无法使用。
屏幕不仅仅变得更大。 它们也变得越来越小。 趋势是转向流动布局而不是固定宽度,这是有充分理由的。
1) My browser is not maximized. The size of my screen doesn't matter. The size of my browser window does.
2) The iPhone's screen resolution is 480x320. NewEgg currently lists at least one 1920x1080 monitor for under $200. Designing to either of those resolutions will make your site completely unusable on the other. Even if you split the difference and design to 1024x768, you'll get a stripe covering half the screen width on the $200 monitor (which, IMO, looks like crap) and it will still be completely unusable on the iPhone.
Screens aren't just getting bigger. They're also getting smaller. The trend is moving to fluid layout instead of fixed-width and it's for a damn good reason.
1024x768 就可以了。 大多数人都有这种分辨率设置,而那些没有这种分辨率设置的人也不会受到严重影响的用户体验。 另外,为了确保您的页面能够很好地适应浏览器,考虑到滚动条等,请将页面的宽度设置为 960 像素。
1024x768 is fine. Most people have that resolution setting and the ones who don't won't have a heavily compromised user experience. Also, to ensure your page fits nicely into the browser, taking into account scroll-bars and such, make the with of your pages 960px.
我通常设计 800 宽的网站。
高度不是问题,因为用户可以滚动。
I usually design websites 800 wide.
Height isn't a problem, as the user can scroll.
正如马克所说,现在有很多上网本。
现在大多数上网本的尺寸为 1024x600,但也有一些“较旧”的上网本的分辨率仍然较低。 例如,我的有 *wince* 800x480。
如果你想真正兼容,就选择 800,但除此之外,我认为 1024 比较好,至于高度,用户可以随时滚动。
As Mark said, there are a number of netbooks around now.
Most of them now have the 1024x600 size, but there are also some of the "older" netbooks that have lower resolution then that still. Mine for example has *wince* 800x480.
If you want to be really compatible, go for 800, but otherwise, I'd say your good with 1024, and as for the height, the user can always scroll.
不要忘记滚动条、工具栏和侧边栏会稍微压缩空间。 即使您假设分辨率至少为 1024*768,也不要将页面设置为 1024 宽。
Don't forget that scrollbars, toolbars, and sidebars can constrict the space a little. Even if you assume the resolution is at least 1024*768, don't make your page 1024 wide.
绝对是 1024 宽(如 980px 左右可用),但请不要设计固定高度。
Definitely 1024 wide (as in 980px or so usable), but please don't design for a fixed height.
我会看一下这些统计数据: http://www.w3schools.com/browsers/ browsers_display.asp。
截至 2009 年 1 月,只有 4% 的 W3Schools 访问者使用 800x600 分辨率。 其余的至少使用 1024x768。
不过,请注意这 4% 中有多少可能是您的用户。
I'd take a look at those statistics: http://www.w3schools.com/browsers/browsers_display.asp.
As of January 2009, only 4% of people visiting W3Schools are using 800x600 as resolution. The remaining, are using at least 1024x768.
Beware of how much of that 4% could be part of you users, though.