0

私はこのサイト全体とオンラインでこの質問を調査しましたが、解決策を見つけることができないようです。真ん中にビデオプレーヤーがある非常にシンプルなサイトがあります。

iPadやiPhoneでサイトを開いたとき、またはブラウザウィンドウを小さくしたときに、すべてのコンテンツを表示できるようにスクロールバーを表示する方法がわからないようです。

これは、視聴者がビデオプレーヤーを再生できないことを意味するため、iPadにとって大きな問題です。これを修正するにはどうすればよいですか?

私は自分のCSSに問題を引き起こしている何かがあると考え続けています。しかし、おそらくそれは私のドキュメントの頭にあるjavascriptの単純な行を使用して修正できますか?

オーバーフローを追加しました:スクロール; すでに私のボディタグに...役に立たない。

これが私が使用しているCSSで、問題を解決すると思います。

body {
    border: 0;
    vertical-align: baseline;
    list-style: none;
    text-decoration: none;
    line-height: normal;
    margin: 0;
    padding: 0;
    background: #195f88;
    background-image: url(../images/subtle-pattern-10.jpg);
    font-size: 14px;
    overflow: scroll!important;
}
4

1 に答える 1

0

まず最初に-このサイトのHTMLコードはひどく書かれています。ひどく。コンテンツ領域がサイドバーdiv内に配置されるのはどうしてですか?(非常に)大きな相対位置宣言を使用して配置されるのはなぜですか?そもそもサイドバーが固定されているのはなぜですか?

コードを大幅にリファクタリングしない限り、(私が知っている)誰もおそらくあなたを助けることができないのではないかと思います。問題は、現時点ではページに寸法がないことです。すべてがフロートまたは位置固定されているため、ページの「フロー」内には何もありません。したがって、技術的には、ブラウザが表示できる限り、表示するものはありません。あなたの運はあなたが持っていないことです

#wrap { overflow: hidden; } 

それを試してみてください-私が何を意味するのかを示すために何が起こるかを見てください。

于 2012-10-28T01:15:33.927 に答える