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

Question

Twitter Bootstrap 2.0 自带一个of 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

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

Answer 2

当然，这取决于您要达到的目标！很酷的事情是你也可以有垂直媒体查询——也许使用那些来调整你的顶部填充而不是查看视口宽度？