Question

我正在使用一个简单的bootstrap模板。除了iPhone之外，列似乎是按照我喜欢的方式堆叠在移动设备上。响应检查器，调整大小屏幕显示正确。我们所有的Android手机，平板电脑和iPad都能正确显示。但在任何iPhone上，它只显示较小版本的桌面网站。

我有视口元标记，以及BS CSS，jQuery和JS文件的链接。我尝试使用全宽col-xs和col-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-->

Answer 1

好的......所以我只是发现问题来自带掩码的域重定向。重定向是将网站放入iframe，因此它没有注册视口。

Bootstrap列没有堆叠在iphone上？

1 个答案: