Question

背景：我试图让应用程序移动友好。但即使它使用bootstrap，当使用chrome dev工具中的iphone6设置查看应用程序时，很多div都非常小。 toggle device mode。

然后我意识到即使该设备宽度为375px，

该应用的<body>元素宽度为980像素。并在屏幕上完全显示。

CSS中没有任何地方强制宽度为980px（据我所知），所以我很困惑。

我在应用程序的前端没有多少经验，所以我担心它有点过头了。

注意：它是一个Rails应用程序并使用一些AngularJS，如果它可以产生任何影响。

之前有没有人遇到过这个问题，或者知道我该怎么解决这个问题？

Answer 1

您是否已将此代码添加到您的网页？它告诉浏览器控制页面的尺寸和缩放。

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

应该在页面的<head>标记内添加。