logo标签列表

你目前为哪种最低屏幕分辨率优化你的网页设计？

htmlcssusabilityaccessibility
15

我不确定我是否在正确的地方提出问题，如果我的问题需要转移，请原谅。我在这个领域完全是个新手。

我的两个显示器都可以达到2048 x 1152的分辨率，尽管1920 x 1080对于大多数主流显示器来说已经是最高的了。 - user177800
我不敢说我对网页设计有什么了解，但是为什么要针对特定的尺寸进行设计，而不是对所有元素使用百分比呢？ - Joel
1
@Joel：对于内容主要是文本的网站，我不喜欢“流体设计”，如果你有一个宽屏幕，阅读会变得困难。 - jmic
是的，这就是为什么你需要使用“液体布局”，但需要对文本等内容进行限制。但有些固定宽度的网站只占据了我宽屏的一半或更少的空间，看起来非常糟糕。 - Echo says Reinstate Monica
@Echo：我知道，这就是为什么在执行任何网页设计项目之前，我尝试修复最小和最大尺寸，并尝试实现一些技巧，例如背景x轴重复的标头宽度达到100%。 - jmic
12个回答
10

无论我正在工作什么。

实际上，我尝试将所有内容适配到约900像素的宽度。1024x768是非常常见的分辨率，也是今天最普遍的分辨率。除非有非常充分的理由，否则我不会超过这个分辨率。

我们的容器通常以约900像素为大小。我们有一个客户仍然在20英寸屏幕上使用800x600的分辨率。难以置信，对吧？ - jmic
2
@Hermet：升级他的操作系统并教他关于DPI，他可能运行在800x600因为文本更大...只需将他的DPI提高到120并将分辨率设置为1280x1024，他会很高兴，你也会很高兴。 - Aren
3
@Hermet: 800x600是荒谬的。看看http://xkcd.com/732/。 - Josh K
5
灵活的网站是未来的趋势。它有一些小问题，但并不像看起来那么难。
你有网络本、iPad、笔记本电脑，还有24英寸、27英寸甚至30英寸的显示器。而这个列表还将继续增长。
巧妙地使用最小宽度/最大宽度、基于百分比的宽度和可能的媒体查询，可以实现非常惊人的结果。
最近，《A List Apart》杂志就此问题发表了一篇文章： http://www.alistapart.com/articles/responsive-web-design/
我同意...但你不觉得CSS还不足以提供一种适用于所有情况的解决方案吗？ - harpo
CSS是，有些浏览器不支持 :-) 但是，说真的，我认为现在通过巧妙地使用浮动和宽度，从750像素到1400像素进行设计是可能的。我认为更聪明地利用屏幕空间对用户更好。但是，每个网站都是非常不同的故事。所需的浏览器支持以及例如移动设备支持也非常不同。 - Misha Reyzlin
4

如果针对800 x 600像素的分辨率，建议使用750像素。

如果针对1024 x 768像素的分辨率，建议使用950像素。

如果针对1280 x 1024像素的分辨率，建议使用1220像素。

无论你的目标系统是什么，确保为滚动条和侧边栏留下至少50像素的间隙（对于某些浏览器）。

3

根据我目前的发现，适用于所有分辨率的网站最佳宽度为960像素。

2

我们的目标是1024x768分辨率。我们最大的问题是，使用我们服务的客户可能会将我们框定在他们自己的网站内，针对相同的分辨率，而我们的尺寸仍然太小。

同时支持哪些版本的浏览器也是一个有趣的问题 - 我们38%的流量仍然来自IE6！

12
亲爱的上帝啊，IE6必须消失。 - jmic
1

最小值是多少？

我会说480像素 :) 就像这样：

<link media="only screen and (max-device-width: 480px)" href="http://www.alsacreations.com/css/handheld.css" type="text/css" rel="stylesheet" />

我们设计的页面宽度为950到1004像素（主要是960、970或1000像素，1004是上限）。

Netbook的分辨率主要为1024x600px，因此：

  • 注意“折叠”现象，屏幕高度可能小于768像素
  • 1024像素不会很快消失

Google发布了Browser Size，这是一个工具，可以显示视口的宽度、高度（而不是屏幕分辨率或浏览器窗口大小），以及拥有更大视口的访问者的百分比，数据来自“访问Google的人”。它对于“冰川”设计比“果冻”和“流体”设计更有效。

请不要让人们困惑于“折叠区域”这个无聊的话题。如果需要说服，请阅读http://iampaddy.com/lifebelow600/。 - AJMansfield
3年前，我写下了完全相反的观点：不要认为你的目标是“1024”（认为高度将是768），因此你就可以在页面上方展示所有内容。你永远无法确定。 - FelipeAls
1

我在一家内部公司网站应用程序上工作。出于某种原因，我们的许多用户使用800x600分辨率，因此我们尝试支持这个分辨率。

1

我在许多项目中使用960网格系统，因此我会针对1024x768优化网页设计。

1

标准的“普通用户”接受的屏幕分辨率范围是1280 X 1024 ~ 1400 X 1050。

然而，如果从“QA”的角度来看，最低要求通常为1024 X 768。

1

我认为你应该以 1024x768 为目标，因为这个分辨率是全世界电脑主要使用的。大多数电脑用户都使用 1024x768，并且你应该以 1000px 作为工作常态。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接