画像はAppleデバイスの全幅にまたがっていません

Question

私はサイトでWordPressテーマを開発中です。

は、私は、WindowsおよびAndroidデバイス用のんで、デバイスの幅にまたがるに想定される上部のスライダーを持って

を削除しました。しかし、アップルのデバイス、Mac、iPad、iPhoneの場合は、メインコンテンツの幅に1280pxでぶつかっています。

HTML/PHPコードは、CSSは、私が無駄にコードとCSSの両方を編集しようとした

.full-width { 
    max-width: 1280px; 
    overflow: inherit; 
    padding: 0px 25px!important; 
    background: transparent!important; 
    border: none!important; 
    margin-left: auto; 
    margin-right: auto; 
} 

.page-style { 
    background-color: #ffffff; 
    border: 1px solid #eeeeee; 
    margin-bottom: 30px; 
    padding: 25px; 
    padding-top: 20px; 
    padding-bottom: 25px; 
    min-height: 800px; 
    overflow: auto; 
} 

ある

<div class="full-width page-style"> 

     <?php 

      if(have_posts()): 

       while(have_posts()): the_post(); ?> 

        <?php the_content(); ?> 

       <?php endwhile; 

      endif; 

     ?> 

</div> 

ある、と私はまた、ページを点検しようとしています私は彼らがそれを達成した方法を理解することができるかどうかを見てみましょう。

http://layouts.siteorigin.com/layout/fitness-gym/

問題は間違いなくHTML/CSSのマークアップではなく、コンテンツにあります。私はAppleのデバイスのために私のHTMLに何か単純なものを見逃しているに違いないと思う。

Answer 1

最後に編集します。あなたはスライダーが含まれている「パネル・グリッド」のdiv与えた場合：これは.full幅で作成されたパディングを過ぎてスライダーを引っ張ってくる

margin-left:-25px; 
margin-right:-25px; 

を。理論的に。

Answer 2

アップルのデバイスが好きではなかったjavascriptエラーだったことが判明しました。エラーが解決されると、すべて正常でした。