固定表头高度

Question

我做了一个Wordpress Mobile主题，在单个页面上，我使标题固定，在iPhone上，如果视图模式是横向，则标题高度为50%，在css中，我为标题{ height:70px；}编写，但仅在iPhone (横向)上，标题高度为50%。谢谢。

标题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%; }
}

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

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