我最近一直在研究响应式设计,并想为什么不使用流布局而不是 960 网格之类的东西呢?根据我的研究,选择 960 以适应最流行的显示器尺寸。但是在更大或更宽的屏幕显示器上,仍然有很多空白空间。
我的想法是媒体查询的最大尺寸不应该是 100% 的页面宽度吗?而不是 960 像素?
谁能解释为什么这不是常态,或者为什么人们默认使用固定宽度进行响应式设计?
我最近一直在研究响应式设计,并想为什么不使用流布局而不是 960 网格之类的东西呢?根据我的研究,选择 960 以适应最流行的显示器尺寸。但是在更大或更宽的屏幕显示器上,仍然有很多空白空间。
我的想法是媒体查询的最大尺寸不应该是 100% 的页面宽度吗?而不是 960 像素?
谁能解释为什么这不是常态,或者为什么人们默认使用固定宽度进行响应式设计?
如果您想使用大于 960 像素的宽度,那么Bootstrap 网格是一种选择,因此您无需重新发明轮子。
Bootstrap 3 正在发布过程中,虽然网格类已更改,但您仍然可以获得响应式全页布局或最大宽度为 1200 像素的响应式布局
整页网格示例最大 1200 像素网格
示例
Foudation曾经有大约 1100px 的最大网格选项,但据我所知,Foundation 4 开箱即用的最大值现在约为 1000px。通过使用 .row 类的宽度的自定义设置来更改它应该很容易
至于你的问题
我的想法是媒体查询的最大尺寸不应该是 100% 的页面宽度吗?而不是 960 像素?
正如@cale_b 所指出的,可读性可能是全宽布局的一个问题,除非您对排版和字体大小非常小心。我认为如果你对设计小心的话,这当然是可行的。
这将取决于网站设计。
祝你好运!