Bootstrap 3不是iPhone 5上的XS [英] Bootstrap 3 Not XS on iPhone 5

问题描述

我在做我的bootstrap 3网站时有一个非常奇怪的错误：由于某种原因，它不适应较小的iPhone屏幕尺寸（导航栏不折叠，和col-xs- .. 。似乎被忽视了）。

我已经重新检查了iPhone上的屏幕宽度（320像素），当我调整浏览器大小时，我的网站在我的桌面上适应767像素。只有iPhone似乎给我的问题，我不知道如何诊断问题。

您可以看到网站 www.sparkmyinterest.com

感谢您的建议！

 解决方案

< meta name =viewportcontent =width = device-width，initial-scale = 1/>


I'm having a very strange error while I'm making my bootstrap 3 website: for some reason it is not adapting to the smaller iPhone screen size (the navbar is not collapsing, and the "col-xs-..." seems to be getting ignored).

I have double checked the screen width on the iPhone (it's 320px), and my website is adapting fine on my desktop at 767px when I resize the browser. Only the iPhone seems to be giving me problems and I don't know how to diagnose the problem.

You can see the website at www.sparkmyinterest.com

Thanks for your ideas!

解决方案

You don't have the meta viewport in your dom-head.

<meta name="viewport" content="width=device-width, initial-scale=1" />

这篇关于Bootstrap 3不是iPhone 5上的XS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！