数週間以来、私は新しいウェブサイトを構築しています。このウェブサイトはかなり良さそうに見えますが、1 つ問題があります。
実際の Web ページよりも小さいブラウザー ウィンドウで Web サイトを表示すると、ページ上部のメニューバーが切り取られます。ページを上下にスクロールできませんが、上部にリーチできません。
この問題はおそらく、垂直方向の中央に使用する「中央」コードと関係があります。小さなウィンドウを使用すると、Web ページを中央に配置したままホール ページにアクセスできる解決策はありますか?
「ビューポート」メタタグを使用して、Chrome モバイルの問題を解決する準備ができました。悲しいことに、IE、Safari、Chrome などのデスクトップ ブラウザは、ウィンドウが小さい場合、Web ページのトップバーを表示することをまだ拒否しています。
ここに私のウェブサイトへのリンクがあります: test.themissingsticks.com
フルスクリーン ウィンドウ (高さ 800 ピクセル以上の解像度) で表示し、高さ 600 ピクセル未満のウィンドウで表示してみてください。上にスクロールしようとしても、私のウェブサイトの上部にある灰色のメニューバーが表示されないことに気付くでしょう。
Web サイトは、次の css 行を中心にしています。
top: 50%;
margin-top: -340px;
left: 50%;
margin-left: -513px;
ページの幅は 1026px、高さは 680px です。
助けてください。前もって感謝します！