13

iOS7 に最適化されたサイトに取り組んでいます。サファリモバイルで向きを横向きに変更すると、サイトは全画面表示になりますが、ブラウザはビューの上下の高さと幅のピクセルをブロックします。この領域でのタッチまたはタップ イベントは、期待どおりには動作しませんが、フル スクリーン ビューから出て、ブラウザー オプションをトリガーするだけです。

1.これは全画面表示のスクリーンショットで、「what is twitter?」をクリックしたときのものです。フルスクリーンがオフになり、オプションビューが表示されます(2番目の画像)

ここに画像の説明を入力

2.これは、「twitter とは」をクリックすると表示される 2 番目の画像です。ここに画像の説明を入力

そのタップを乗り越える方法はありますか?

4

2 に答える 2

3

答えを見つけたかもしれないと思いますが、縦と横を切り替えるときに確認できません。次のスタイルを持つようにコンテンツを設定します。

  • height: 100%(コンテンツがビューポートを満たし、下部を超えることができます)
  • overflow-y: scroll(ビューポートの下をスクロールできます。デフォルト値は ですvisible)
  • -webkit-overflow-scrolling: touch(スクロール動作をスムーズにするため)

Safari の iOS メニューが常に表示されるように強制するように見えます。そうすれば、Safari メニューを開く代わりに、ボタンのクリックが実際に機能します。お役に立てれば!

于 2015-12-12T01:45:34.313 に答える
1

あなたの質問が正しく理解できれば、あなたのリンクはあなたのページの一番下にあります。ページの下部 (サファリ アイコン バーの高さ) にスペースを追加する必要があります。これは、ユーザーが一番下までスクロールした場合にのみ役立ちます。

クリック不可の領域は、ページの高さではなく、ブラウザのビューポートに相対的です。そのため、ボタン (またはその他のもの) がツールバーが表示される領域内にある場合、最初の試行ではクリックできません。

于 2013-11-14T16:20:52.267 に答える