背景:我正在努力使应用程序适合移动设备。但是即使它使用 Bootstrap ，在使用 iphone6 查看应用程序时，很多 div 都非常小。在 chrome 开发工具中设置 toggle device mode .
然后我意识到即使设备是 375px 宽度，
<body>应用程序的元素宽度为 980 像素。并完全显示在屏幕上。
CSS 中没有任何地方强制宽度为 980px(据我所知)，所以我很困惑。
我在应用程序前端方面的工作经验不多，所以恐怕有点难以理解。
注意:它是一个 Rails 应用程序并使用了一些 AngularJS，如果这会产生任何影响的话。
有没有人以前遇到过这个问题，或者知道我可以如何解决这个问题？
最佳答案
您是否将此代码添加到您的网页？它告诉浏览器控制页面的尺寸和缩放比例。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
应该添加到页面的<head>里面标签。
关于css - 元素的 px 宽度大于设备视口(viewport)，但仍能完整显示(移动网络应用程序)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37279211/