macos - 我应该设计什么浏览器屏幕宽度来支持 Mac OS？

Question

大多数浏览器统计数据都会显示屏幕的分辨率。

这对于 Windows 来说很好，因为 Windows 浏览器通常会全屏打开，而大多数人都是这样。因此，如果浏览器统计数据显示 1024x768，您只需要为浏览器 chrome 减去一点宽度即可。

在 Mac 上，浏览器通常不会全屏打开。

Mac 浏览器打开时的宽度可能是多少。

我正在考虑 what-is-the-best-absolute-width-for-a-webpage 推荐的 960 宽度.但是我想知道这是否同样适用于 Mac 的宽度？

我不确定 Apple 最后一次生产 1280x768 笔记本电脑或屏幕的时间，所以这可能不是问题。让我有点沮丧的是，我发现大多数地方的屏幕分辨率统计数据都没有显示实际可用宽度。

Answer 1

远离设计，我的 friend 。 Apple 显示屏包含许多像素。

在 Mac 上，一个窗口将全屏打开，没问题。它只是尽可能地节省空间，这与 PC 行为不同，PC 行为会填满屏幕，而不管网站实际需要多少空间。

换句话说，Mac 不打开窗口全屏的情况是用户有空闲空间的情况。所以这些情况你不需要担心。如果 Mac OS 浏览器必须全屏显示以适应网站，它会的。但是当网站只有 960 像素并且用户拥有华丽的 2560x1600 影院显示时，它将停在 960，足以消除水平滚动条。

人们注意到这种行为的原因是因为苹果显示器通常太大，所以通常不需要全屏。 Apple 在所有笔记本电脑上配备的最小 显示屏是宽大的 1280x800。最小的 iMac 已经是 1680x1050。他们只会从那里变得更大。

就选择尺寸而言，通常的考虑因素适用。发挥您的最小公分母。只要知道即使是普通的苹果显示器的屏幕分辨率也将与行业标准相当。如果您愿意为 PC 使用 990 或 960，那么它对于 Mac 也是可以接受的。

_{(来源:akamai.net)}

与我共事的大多数设计师都更关心如何为 Apple 用户设计太窄的设计。他们在 960 像素领域进行设计，以便为更多观众服务，然后他们尝试寻找创造性的方式来向巨型影院显示器的所有者表达一点额外的爱。

旁注:@Taylor Marshall 提出了一个很好的问题:“如果宽度都设置为 100% 会怎样？[浏览器窗口] 有多大……？”

没有任何限制，Firefox 将直接全屏显示，就像 MS Windows 的行为一样。 Safari 将扩展到 800px 的宽度，除非宽度已经大于 800，在这种情况下它会保持该宽度并且只修改窗口高度。当然，如果没有任何硬性宽度值，那么设计就是流式布局，因此针对特定宽度进行设计的问题会有所改变。通常良好的流式布局，尽管在任何维度上都能正确显示，但仍被设计为在合理的窗口宽度下查看。