2

デバイスを回転させた後、iPadに表示したときに要素間にギャップが表示されるWebサイトがあります。ページを更新すると、ギャップは再びなくなります。

私が試しているこの質問をここで見つけました（ただし、クライアントに返す前にテストするiPadがありません）ので、強制できるかどうかについて誰かが決定的な答えを与えることができるかどうかを確認するように頼むと思いましたJSを使用して、回転後にページを再レンダリングしますか？

4

2 に答える 2

0

向きの変化を検出していますか？

あなたはこの質問を見たいかもしれません： IOSでjavascriptとPhonegapを使用して向きの変化を正しく検出するにはどうすればよいですか？

またはこの記事：

http://www.williammalone.com/articles/html5-javascript-ios-orientation/

次に、再描画を強制するには、次の質問を参照してください。

Chrome/MacでDOMの再描画/更新を強制する

すべてのコンテンツの周りにdivを配置します。

基本的に、window.onorientationchangeを使用して変更を検出します。

次に、変更を検出したら、メインdivの表示を「none」に設定し、タイムアウトを使用してページを再描画できるようにしてから、ページを表示に戻すと、再描画されます。

私はこれを試していませんが、うまくいくはずです。

于 2013-01-23T15:20:53.543 に答える
0

私はそれが大好きです、iOSプラットフォームでボードキャストが表示されたときにページが回転して再描画されないことがわかりました。だから私はデバイスが回転しているときにcibleforcibleクッパを塗り直します； </ p> 

$('.w_wrap').hide();
        setTimeout(function(){
            $('.w_wrap').show();
        },20);

これは良い方法ではないので、これを見つけました（<ahref="https://stackoverflow.com/questions/8840580/force-dom-redraw-refresh-on-chrome-mac">ChromeでDOMの再描画/更新を強制します/ Mac）でも練習しなかった

于 2014-07-22T10:31:43.963 に答える