4

我正在开发新的网络应用程序,但仍然无法决定,我应该选择什么宽度的布局。该应用程序基于 Twitter Bootstrap 的库,目前我使用默认网格系统(有 12 列),宽度为1170px

在显示器上(我假设大多数人的分辨率高于 1280px 宽度)看起来该应用程序不错,在我的 MacBook PRO 上也是如此,但我担心使用稍旧笔记本电脑的用户,其中宽度-分辨率大多为1024像素,看不到整个布局(并且会看到水平滚动条)。

所以,我想问问你的意见。您是否已经针对 > 1280px的分辨率优化了布局,或者您仍然使用 res 来反映用户。1024px并在这种情况下为您的布局使用宽度960px ?

4

4 回答 4

5

您应该使用媒体查询来更改较小分辨率的布局。在我的工作场所,有几台 1024 像素宽的显示器。此外,人们经常在纵向模式下使用平板电脑(IIRC,只有 1024 像素)。当然,人们可以将他们的平板电脑侧向查看整个事情,但许多人不会出于纯粹的懒惰或没有意识到它会解决问题。

如果您只想设计一种分辨率(阅读:您不应该这样做),那么我不会建议任何大于 1024 像素宽的东西。对于某些统计数据,我们网站大约 15-20% 的流量使用 1024 像素或更小的显示器。

还应该注意的是,即使对于显示器宽度为 1280 像素或更宽的用户,许多用户也不会最大化他们的浏览器窗口。这在 Mac 用户中尤其常见,但也可以在 Windows/Linux 用户中找到。

于 2012-04-18T13:38:36.810 回答
1

根据W3Counter 的 Global Stats,15% 的显示器尺寸为 1024x768,56% 的显示器宽度至少为 1280 像素。我认为 15% 仍然太高,无法使用 1170px 作为布局。

于 2012-04-18T13:39:10.867 回答
1

就个人而言,我为 1024px 及更高的桌面开发。我使用媒体查询来检测移动设备并提供替代布局。

正如 SupremeDud 在他的回答中所说,15% 的显示器仍然是 1024x768,这是相当大的市场份额。

就像素宽度而言,我的基本设计约为 960 像素。您可能想查看960.gs,尽管我不确定它如何与 Bootstrap 一起使用。

于 2012-04-18T13:45:41.820 回答
1

液体或响应式布局怎么样?这样您就可以覆盖所有分辨率和窗口大小。

于 2012-04-18T18:38:14.707 回答