我最近一直在研究响应式设计,并且想到为什么不使用流式布局而不是960网格?根据我的研究,选择960以适应最流行的显示器尺寸。但是在大屏幕或宽屏幕显示器上,仍然有很多空白空间。
我的想法是不应该是媒体查询的最大尺寸是100%页面宽度?而不是960像素?
任何人都可以解释为什么这不是常态,或者为什么人们默认使用固定宽度进行响应式设计?
答案 0 :(得分:0)
如果要使用宽度大于960px的宽度,则Bootstrap grid是一个选项,因此您无需重新发明轮子。
Bootstrap 3正在发布中,当网格类发生变化时,您仍然可以获得响应式全页面布局或响应式布局,最大宽度为1200px
full page grid的一个例子 max 1200px grid
的示例Foudation曾经有大约1100px的最大网格选项,但据我所知,基础4开箱即用,最大值现在大约为1000px。通过使用.row类的宽度的自定义设置
来更改它应该很容易关于你的问题
我的想法是不应该是媒体查询的最大尺寸是100%页面宽度?而不是960 px?
如@cale_b所述,可读性可能是全宽度布局的问题,除非您仔细考虑排版和字体大小。我认为如果您对设计非常谨慎,那肯定是可行的。
这取决于网站设计。
祝你好运!