頻繁ではありませんが、私には小さな問題がありました。問題は、ページが読み込まれているときに、特定の要素が不自然に、場違いに表示されることです。次に、すべてがロードされると、必要な場所に移動します。
たとえば、私が最近クライアント用に構築したこの最新のワードプレスサイトは
http://www.islandlivingpatio.com/
ページが最初にロードされるとき、メイン画像は中央/側面にずれています。全負荷後、すべてが所定の位置に収まります。最初は私が使用しているスライダーだと思っていましたが、友人が「なぜ私のページが（上記のように）これを行うのか」と尋ねましたが、答えがありませんでした.
http://discoverarmenia.org/tourism.php
彼のコンテンツ div も横に読み込まれることに注意してください。
それに対処する方法がわかりません。特にページの読み込みが速い場合は大したことではありませんが、接続が遅い場合はかなり明白です.
これを修正する方法についてのアイデアはありますか?
ありがとうございます。
何が起こっているのか、コンテンツが読み込まれ、スタイルが設定されていると思います。たとえば、その観光ページでは、その div が左にフロートされます。したがって、すべてのコンテンツが読み込まれ、次にスタイルが読み込まれます。
あなたのスタイルも頭ではなく体にあります。スタイルとメタは頭の中にあるべきです!
それが役立つことを願っています。
おそらく、メイン画像が に設定されているためです。float:left(right);最初にロードされたとき、他の要素がロードされて適切な位置にスクイーズされるまで、目的の位置にない可能性があります。お役に立てれば！
スタイルをヘッダーに移動する必要があります。観光ページの場合、これは簡単な回避策になる可能性があります。
<div id="slider" class="nivoSlider">
に
<div id="slider" style="height:376px" class="nivoSlider">
これにより、コンテンツ div が適切な場所に配置されます。接続が遅いユーザーは、スタイルが読み込まれた後に div が移動したことに気付かないでしょう。