有没有支持全屏宽度的CSS网格系统?大多数网格系统似乎只打算支持960像素到1140像素的宽度。这是普通用户最常使用的宽度(因为大多数人使用1280像素×1024像素)。
我想要一个响应式布局,即使用户使用FULL HD分辨率(1920像素×1080像素)也能正常显示。
如果有更好/更简单的方法,请让我知道。
有没有支持全屏宽度的CSS网格系统?大多数网格系统似乎只打算支持960像素到1140像素的宽度。这是普通用户最常使用的宽度(因为大多数人使用1280像素×1024像素)。
我想要一个响应式布局,即使用户使用FULL HD分辨率(1920像素×1080像素)也能正常显示。
如果有更好/更简单的方法,请让我知道。
Twitter bootstrap 的流式网格系统使用百分比进行操作:http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem
还有许多纯CSS响应式网格系统,例如:Skeleton
本文涵盖了很多这样的网格系统:http://speckyboy.com/2011/11/17/15-responsive-css-frameworks-worth-considering/
你也可以自己做,使用CSS宽度的百分比,媒体查询和JS回退(因为媒体查询并不完全支持)。
但是这些网格系统会节省您的时间和精力,因为它们经过了充分的测试。
为了帮助您的决策,您应该考虑:
span4
),选择您喜欢的那个,它们中的一些比其他人更语义化,由您决定。此外,这个网站是响应式灵感的必备资源:http://mediaqueri.es/
<div class="row-max">
<div class="grid_12">
...
<div class="row-max">
<div class="grid_6">...</div>
<div class="grid_6">...</div>
</div>
</div>
</div>