26

在开发 Web 应用程序时,过去的选择是800px1024px适应用户的监视器。我一直在研究响应式网页设计和流畅的设计,似乎很多都定义了980px宽度。随着智能手机和平板电脑的加入,并考虑到其他可能的视口

是新980px事实标准吗?

谢谢。

4

5 回答 5

29

我的设计主要使用 978px 宽度。进阶。978px :可以除以 2,3。

于 2012-05-25T22:11:22.030 回答
13

980 不是“事实上的标准”,您通常会看到大多数人的目标尺寸略小于 1024 像素宽,以考虑浏览器 chrome,例如滚动条等。

通常人们的目标宽度在 960 到 990 像素之间。人们经常使用网格系统(如 960.gs),它对默认宽度应该是多少有意见。

另请注意,就在最近,最常见的屏幕尺寸现在平均比 1024 像素宽大很多,排名在 1366 像素宽。请参阅http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/

于 2012-05-10T16:46:44.630 回答
7

如果不是,我可以看到事情朝着那个方向发展。

我正在为我工​​作的公司重做网​​站,他们聘请的设计师使用了 960 像素宽度的布局。还有一个 960px 网格系统似乎越来越流行(http://960.gs/)。

我已经有几年没有上网了,但从我读到的东西来看,960/980 似乎是正确的。对于移动设备,我脑海中一直有 320 像素,960 可以被它整除。960 也可以被 2、3、4、5 和 6 整除。

于 2012-05-10T16:47:46.033 回答
5

这是一个开放式问题,因为屏幕尺寸一直在变化,而两年前可能正确的东西现在可能已经过时了。

我目前使用 Twitter Bootstrap 3,它使用流体网格系统,设计用于从移动/非常小的尺寸一直到现在可用的巨大宽屏显示器。

目前,BS3 中的上限默认值为 1200 像素,在考虑到网格元素的边距和填充后,它转换为 1144 像素的容器宽度。

根据我的经验,现代设计师正在为桌面设计大约 1366 像素的宽度。我最近实施的所有设计都是 1366 像素。

另请注意,您可以大量自定义 BS3 网格。例如,我们将在我们的网站/设计中使用 32 列网格和 4px 排水沟。

最终,需要根据您的网站分析和访问者通常使用的屏幕尺寸来决定页面宽度。

于 2014-04-16T15:15:58.037 回答
3

即使这个问题没有正确或错误的答案,但我个人更喜欢 960px 宽度。因为所有现代显示器都支持至少 1024 × 768 像素分辨率。960 可被 2、3、4、5、6、8、10、12、15、16、20、24、30、32、40、48、60、64、80、96、120、160、192 整除, 240、320 和 480。这使其成为一个高度灵活的基数。

请参阅这篇文章,显示美国和英国最流行的屏幕分辨率 2013-2014:http: //www.hobo-web.co.uk/best-screen-size/

于 2015-01-21T08:05:57.083 回答