固定标题高度

Question

我制作了一个Wordpress手机主题，在我修复HEADER的单页上，如果视图模式是横向，标题高度是50％，在cs​​s我写的标题{height：70px;但只是在iPhone（横向）上，标题高度为50％。 THX。

header css：

#header { width:100%; float:left; height:70px; }
.fixed { position:fixed; top:0; }

Answer 1

只需将其添加到样式表即可。它只会在窗口

时触发

@media only screen and (min-width : 321px) and (max-width: 480px) {
    #header { height:50%; }
}

您还需要将以下元标记添加到页面的head标记中：

<meta name="viewport" content="width=device-width, minimum-scale=1.0">