Html Ruby on rails不为移动设备加载布局响应

我已经一天没有面对这个问题了。我不知道为什么会这样。我正在尝试在rails 4应用程序中导入布局。 我正在使用

bootstrap.css

和

responsive.css

我猜我的

responsive.css

文件在我的rails应用程序中不起作用

我可以通过这些图像清楚地解释

当我在不使用rails应用程序的情况下单击html文件加载布局时，这就是我在移动设备上得到的布局

通过导入rails中的布局，这就是我得到的

正如rails应用程序在移动设备上运行时一样，一切看起来都很小 我在浏览器控制台中没有看到任何错误。我的所有资源都已正确加载。但我认为这可能是错误的

@media (max-width: px) {
}

但我不确定。

我已经在head标签中包含了

。

---

有人能帮我一下吗？这样我的应用程序就可以完全响应了

试着在你的（可能是“应用程序”）布局中使用

样式表链接标记“应用程序”，媒体：'all'

（第一个参数可以是你的css文件的任何名称）

解释

“媒体”属性将始终存在并默认为“屏幕”，因此必须将其显式设置为“全部”，样式表才能应用于所有媒体类型

---

您应该控制移动浏览器中的组合。 在头部使用元视口标记

<meta name="viewport" content="width=device-width, initial-scale=1.0" />    
<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>

@user4965201有趣。你的媒体查询似乎不起作用。请确保：文件

responsive.css

导入

应用程序

，您可以在inspector的源代码中看到代码，您没有多个

元“视口”

标记，您没有synthax错误我的应用程序中已经需要responsive.css仍然是相同的错误。。。当我在布局中不需要application.css，而是一个接一个地包含文件时，代码工作得非常好。我知道在Rails中不是这样的（不知道为什么当我添加此内容时，所有内容都出现在左侧