0

style="float:left;" を持つ 2 つの DIV 要素があります。ウィンドウの大きさに合わせて余白や幅などを設定しています。ウィンドウが小さい場合は、DIV の幅とマージンの CSS 属性値を下げて、それらが互いに隣り合って (下ではなく) 表示されるようにします。

これはFirefoxでは見栄えがしますが、ChromeとOperaでは、JavaScriptが実行される前に、DIVが互いに下にジャンプします。しばらくすると、画面が再びきれいに見えます。

質問: window.onresize イベントをキャッチして、resize イベントの効果がブラウザーに表示される前に CSS を操作する方法はありますか?

4

2 に答える 2

0

これは、Firefox が JavaScript の読み込みを待ってからページをレンダリングするためです。Chrome と Opera は、javascript がロードされているかどうかに関係なく、ページを表示します。影響を受けるボディを最初に設定する JavaScript を記述しvisibility: hidden;、それを「visibility: visible;」に変更してみてください。JavaScriptが実行された後。

アップデート：

visibility: hidden;css で設定します。

そして、これをあなたの中に追加してください<head></head>：

<noscript>
    body { visibility: visible; }
</noscript>

これにより、JavaScript が読み込まれるまで本文が見えなくなります。デバイスで JavaScript が有効になっていない場合は、デフォルトでvisibility: visible;.

于 2013-07-29T19:26:46.733 に答える