0

ですから、位置を設定した後、absolute; top: 50%; margin-top: -310pxメインコンテンツに問題があります。問題は、ブラウザウィンドウを最小化して垂直スクロールが表示され、レイアウトの上部が非表示になることです。

これが私が意味することです：http：//jsfiddle.net/95Uzt/15/。メニューとお問い合わせフォームは表示されますが、フォームの上のヘッダーはブラウザに表示/表示されません。なにが問題ですか？

4

1 に答える 1

0

1つのコードで2つのケースを処理しようとしていると思いますが、それはうまくいきません。2つのケースを処理するには、ある種の条件付きコードを使用する必要があります。

2つのケースは次のとおりです。

  • 620ピクセルを超えるビューポートの場合、コンテンツを中央に配置する必要があります
  • ビューポートが620ピクセル未満の場合は、コンテンツを上揃えにする必要があります。

これをサポートする最新のブラウザーについては、CSSの使用を検討できます。

@media screen and (max-height: 620px) {  
  .content
  {
    top: 0px;
    margin-top: 0px;
  }
}

より広範なブラウザサポートが必要な場合は、javascriptを使用する必要があると思います。

于 2012-12-10T13:26:29.643 に答える