隱藏元素或保持相同的尺寸上smarthphone變焦

Question

我有一個固定的報頭（引導導航欄），即保持與頁面的其餘部分，這會導致頭部承擔一半的智能手機屏幕空間調整。

%header{class: 'navbar navbar-fixed-top navbar-inverse'} 
    .container 
#sorry for haml 

我想要麼躲頭當用戶放大或只要保持相同的大小，不管多少畫面被放大。

不知道如果改變什麼，但我使用的引導。 我發現了一類.hidden-xs-down，但它隱藏，即使網頁沒有放大，所以這不是這麼回事頭。

大多數的事情，我發現是關於大屏幕，有些事情，當它到達XS，MD，LG門檻發生調整窗口。我需要的是檢測用戶放大（調整大小）xs smarthphone屏幕。

希望你明白我的意思。

因此，任何想法如何實現這一目標？

Answer 1

如果不知道標題元素的更多細節（是否爲h2元素？圖像？），很難以精確的方式回答問題。但總的來說，以下是一種可用於隱藏縮小的屏幕的方法比一定的寬度：

.my-header { display: none; } 
@media(min-width: 500px) { 
    .my-header { display: block; } 
}