现代响应式 HTML5 布局的理想 padding-top 值是多少？

Question

Twitter Bootstrap 2.0 自带了一个padding-top 的20px，主要用于下推容器，让导航栏不隐藏，但是如果你的网站或应用没有导航栏在顶部，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) { ... }

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

更新： 20px 怎么样？在 320x480 下看起来还不错，在 1920x1080 下也不算太差。

Answer 1

当然，这取决于您要达到的目标！很酷的是，您也可以拥有vertical media queries - 也许使用它们来调整您的顶部填充而不是查看视口宽度？

Answer 2

我只需将导航栏高度移至 padding-top 以保持“twitter 引导精神”