背景:我正在尝试使应用程序移动友好。但是,即使使用引导程序,在chrome开发工具的iphone6
中使用toggle device mode
设置查看应用程序时,许多div还是非常微小。
然后我意识到,即使设备的宽度为375px,
应用程序的<body>
元素的宽度为980px。并完全显示在屏幕上。
CSS中没有任何地方强制宽度为980px(据我所知),所以我很困惑。
我在应用程序的前端工作没有太多经验,所以我担心它有些麻烦。
注意:这是一个Rails应用程序,并使用一些AngularJS(如果可能会产生影响)。
有没有人遇到过这个问题,或者有想法如何解决这个问题?
最佳答案
您是否将此代码添加到了网页?它告诉浏览器控制页面的尺寸和缩放比例。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
应该将其添加到页面的
<head>
标记内。