宽度为100%的响应式设计

时间:2013-08-13 22:32:20

标签: responsive-design width

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

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

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

1 个答案:

答案 0 :(得分:0)

如果要使用宽度大于960px的宽度,则Bootstrap grid是一个选项,因此您无需重新发明轮子。

Bootstrap 3正在发布中,当网格类发生变化时,您仍然可以获得响应式全页面布局或响应式布局,最大宽度为1200px

full page grid的一个例子 max 1200px grid

的示例

Foudation曾经有大约1100px的最大网格选项,但据我所知,基础4开箱即用,最大值现在大约为1000px。通过使用.row类的宽度的自定义设置

来更改它应该很容易

关于你的问题

  

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

@cale_b所述,可读性可能是全宽度布局的问题,除非您仔细考虑排版和字体大小。我认为如果您对设计非常谨慎,那肯定是可行的。

这取决于网站设计。

祝你好运!