ios - 固定页眉高度

Question

我制作了一个 Wordpress 移动主题，在我修复了 HEADER 的单个页面上，如果视图模式为横向，则在 iPhone 上，标题高度为 50%，在 css 中我为标题 { height:70px; } 但仅在 iPhone（横向）上，标题高度为 50%。谢谢。

标题CSS：

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

score 0 · Accepted Answer

只需将其添加到您的样式表中。它只会在窗口被触发时触发

@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">

1 回答 1