ios - 固定ヘッダーの高さ

Question

私はWordpressのモバイルテーマを作成しました。単一のページでHEADERを固定しました.iPhoneでは、ビューモードが横向きの場合、ヘッダーの高さは50％です。ただし、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%; }
}

また、これをページの head タグに次のメタ タグを追加する必要があります。

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