背景:我正在尝试使应用程序移动友好。但是,即使使用引导程序,在chrome开发工具的iphone6中使用toggle device mode设置查看应用程序时,许多div还是非常微小。

然后我意识到,即使设备的宽度为375px,

css - 元素的px宽度大于设备视口(viewport)的px宽度,但仍可以完整显示(移动网络应用)-LMLPHP

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

css - 元素的px宽度大于设备视口(viewport)的px宽度,但仍可以完整显示(移动网络应用)-LMLPHP

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

我在应用程序的前端工作没有太多经验,所以我担心它有些麻烦。

注意:这是一个Rails应用程序,并使用一些AngularJS(如果可能会产生影响)。

有没有人遇到过这个问题,或者有想法如何解决这个问题?

最佳答案

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

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


应该将其添加到页面的<head>标记内。

10-05 21:01
查看更多