初めてモバイルビューでページデザインが壊れる

Question

私は奇妙な状況と完全に混同していますが、それは通常のケースかどうかわかりません。 ほとんどすべてのデスクトップ解像度でうまく動作するページがあります。しかし、モバイルビューでページを確認すると、初めてデザインが破損します。それから私がページをリフレッシュすると、すべてが正常になります。その後、そのページがブラウザのキャッシュに入って以来、問題は解決されました。この問題の原因は何か。前もって感謝します。私はロードjqueryの-1.11.1.min.js afetrフッターに私のページについては、以下の特定のスクリプトをロードし、ロードbootstrap.min.js

<script> 
     $(document).ready(function() { 
      $(".clsIPArtGalUL li:nth-child(1)").addClass("width-2x"); 
      $(".clsIPArtGalUL li:nth-child(4)").addClass("width-2x"); 

     }); 
    </script> 

Answer 1

これは、その事実からおそらく前にい

あなたあなたはページのサイズが変更されますときに実行したいすべてのコードのためにresize()と呼ばれる機能を追加した場合はjQueryのコードはwindow.onresize

に応答しない、それを呼び出すために、このコードを使用する場合：

window.onresize = resize(); // The window is resized 
resize(); // When this code is executed. 

更新：一つの質問は、あなたが使用できます。

.clsIPArtGalUL li:nth-child(1), 
.clsIPArtGalUL li:nth-child(4) { 
    /* .width-2x code here */ 
} 

CSSは、デスクトップ対モバイルで以下のバグを引き起こす傾向があります。