在开发Web应用程序时,过去的选择是使页面宽度适应用户显示器的800px
或1024px
。我一直在研究响应式Web设计和流式设计,看起来许多人都将页面宽度定义为980px
。考虑到智能手机和平板电脑以及其他可能的视口因素,这是否成为了新的事实标准?
谢谢。
在开发Web应用程序时,过去的选择是使页面宽度适应用户显示器的800px
或1024px
。我一直在研究响应式Web设计和流式设计,看起来许多人都将页面宽度定义为980px
。考虑到智能手机和平板电脑以及其他可能的视口因素,这是否成为了新的事实标准?
谢谢。
我在设计中主要使用978像素宽度。 978像素的优点: 可以被2、3整除。
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/。
这是一个开放式的问题,因为屏幕尺寸一直在变化,两年前正确的尺寸现在可能已经过时了。
目前我使用 Twitter Bootstrap 3,它使用流体网格系统,可以在移动/非常小的屏幕上工作,也可以在现在可用的巨大宽屏显示器上工作。
目前 BS3 的默认上限是 1200 像素,考虑到网格元素的边距和填充后,容器宽度为 1144 像素。
根据我的经验,现代设计师的桌面宽度约为 1366 像素。我收到的所有最近的设计都是 1366 像素。
还要注意,您可以对 BS3 网格进行相当大的自定义。例如,我们将在未来的站点/设计中使用具有 4px 间距的 32 列网格。
最终,页面宽度的决定需要基于您的网站分析和访问者通常使用的屏幕尺寸做出。