隐藏元素或保持相同的尺寸上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; } 
}