html - 使用固定顶栏时正确的填充或边距

Question

我的客户希望该站点具有响应性并具有固定顶部栏。这是全宽的布局。

但他也希望它具有响应性，所以当我调整元素大小时应该很好地适应。body 元素的顶部有 60px 的填充，以补偿固定的顶部栏。但是当我调整大小时，这已经不够了。这是调整了浏览器窗口大小的相同图像。注意顶部栏如何与其他元素重叠。

我正在使用引导程序（导航栏固定顶部）。有人知道如何解决这个问题吗？

问候。

Answer 1

使用媒体标签来定位不同的屏幕尺寸并相应地调整 css。

看看这里。

屏幕尺寸的 CSS 媒体查询

Answer 2

使用百分比padding-top代替px.

Answer 3

没有看到任何代码很难分辨，但尝试用 div 包装“其他元素”（如果尚未完成）并为其设置 60px 的上边距。