2016-08-08 8 views
0

私は単純なブートストラップテンプレートを使用しています。 iPhoneの場合を除いて、列は私が望むようにモバイル上に積み重なっているようです。レスポンスチェッカーでは、画面のサイズが正しく表示されます。 Android携帯、タブレット、iPadのすべてが正しく表示されます。しかし、どのiPhoneでも、それはデスクトップサイトのより小さなバージョンを表示するだけです。ブートストラップの列がiphoneに積み重なっていませんか?

私はビューポートメタタグを用意しており、BS CSS、jQuery、およびJSファイルへのリンクがあります。私はcol-xscol-sクラスを全幅で使ってみましたが、何も動作していないようです。私はちょうど列を携帯の上に横に並べるのではなく、お互いの上に積み重ねたい。

<div class="row"> 
 
    <div class= "col-md-4"> 
 
    <h3>This promotion can be snowballed into several months making you truckloads of cash. I would call the press and let them know what you’re doing. They love a good story. Make sure you tally your votes and make a big deal out of it. Get your staff involved.</h3> 
 
    </div> 
 

 
    <div class= "col-md-4"> 
 
    <h3>Post the results in your business, on your website, in your newsletter so many ideas. Make outlandish campaign promises. Have mock debates. There are so many possibilities using this theme. Main thing is to have fun with it! Your customers will love it.<br>Who knows? You might even win!</h3> 
 
    </div> 
 

 
    <div class= "col-md-4"> 
 
    <h3>We can customize your offer to whatever you want. And we can help you choose the offer that works best for your business from the thousands of promotions we have done helping businesses just like yours increase their sales</h3> 
 
    </div> 
 

 
</div><!--End Row-->

+0

まあ、ブートストラップごとに_ 12列以上の列が1行に配置されていると、余分な列の各グループは1つの単位として新しい行に折り返されます。したがって、class = "col -xs-12 col-md-4」はモバイル上で互いに重なって表示され、デスクトップには992ピクセルを超える3つの列が表示されます。 –

+0

それは私も思ったが、私のために働かなかった。デスクトップモードで表示しています。他のすべてのモバイルデバイスは正常に動作しています。私がテストしているiPhone 6は動作していません。 – Berserkerchick

+0

私は既にこれを行いましたし、あなたのページに ''を追加しました。それがiPhone 6の唯一の問題であれば、それが何であるかは不明です。がんばろう。 –

答えて

0

[OK]を...ので、私はただ問題はマスクでリダイレクトドメインから来ていることを考え出しました。リダイレクトはサイトをiframeに入れているので、ビューポートを登録していません。

関連する問題