现代响应式HTML5布局的理想填充最高值是多少

Question

Twitter Bootstrap 2.0附带了20px的padding-top，它主要用于向下推容器，这样导航栏就不会隐藏它，但如果你的网站或应用程序顶部没有导航栏，60px就不是一个一刀切的值。60px适用于1280x1024及更高的布局，但任何低于1024px宽度的布局，它开始看起来有点太多空白。

我猜这个值也必须是有响应的。这些是Twitter Bootstrap的响应CSS:中的所有媒体查询

@media (max-width: 480px) { ... }
@media (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 979px) { ... }
@media (max-width: 979px) { ... }
@media (min-width: 980px) { ... }
@media (min-width: 1200px) { ... }

每个的理想填充值是多少？

更新：20像素怎么样？320x480看起来不错，1920x1080也不算太破旧。

Answer 1

当然，这取决于您想要实现的目标！最酷的是，你也可以进行垂直媒体查询——也许可以使用这些来调整你的顶部填充，而不是查看视口宽度？

Answer 2

我只需将导航栏的高度移到填充顶部即可保持"twitter引导精神"