0

我最近一直在研究响应式设计,并想为什么不使用流布局而不是 960 网格之类的东西呢?根据我的研究,选择 960 以适应最流行的显示器尺寸。但是在更大或更宽的屏幕显示器上,仍然有很多空白空间。

我的想法是媒体查询的最大尺寸不应该是 100% 的页面宽度吗?而不是 960 像素?

谁能解释为什么这不是常态,或者为什么人们默认使用固定宽度进行响应式设计?

4

1 回答 1

0

如果您想使用大于 960 像素的宽度,那么Bootstrap 网格是一种选择,因此您无需重新发明轮子。

Bootstrap 3 正在发布过程中,虽然网格类已更改,但您仍然可以获得响应式全页布局或最大宽度为 1200 像素的响应式布局

整页网格示例最大 1200 像素网格
示例

Foudation曾经有大约 1100px 的最大网格选项,但据我所知,Foundation 4 开箱即用的最大值现在约为 1000px。通过使用 .row 类的宽度的自定义设置来更改它应该很容易

至于你的问题

我的想法是媒体查询的最大尺寸不应该是 100% 的页面宽度吗?而不是 960 像素?

正如@cale_b 所指出的,可读性可能是全宽布局的一个问题,除非您对排版和字体大小非常小心。我认为如果你对设计小心的话,这当然是可行的。

这将取决于网站设计。

祝你好运!

于 2013-08-14T11:48:10.070 回答