正確的填充或保證金使用固定頂欄

Question

我的客戶時，希望網站響應，並具有固定的頂欄。這是全寬度的佈局。

但他也希望它有反應，所以當我調整大小的元素應該很好地適應。 body元素在頂部有一個60px的填充物，以補償固定的頂部條。但是，當我調整這個已經不夠了。這與調整瀏覽器窗口的圖像相同。注意頂欄與其他元素的重疊。

我使用自舉（導航欄-固定頂部）。有人知道如何解決這個問題嗎？

問候。

Answer 1

使用介質標籤，針對不同的屏幕尺寸，並相應地調整CSS。

這裏看看。

CSS media queries for screen sizes

Answer 2

使用您padding-top，而不是px的百分比。

Answer 3

很難說沒有看到任何代碼，但儘量包裹「其他元素」用一個div（如果尚未完成），並給它60像素的上邊距。