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

Question

自从我遇到这个问题以来已经过去了一天。我不知道为什么会这样。我正在尝试在 rails 4 应用程序中导入布局。 我正在使用bootstrap.css 和responsive.css 我猜我的 responsive.css 文件在我的 Rails 应用程序中不起作用

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

当我通过在没有 rails 应用程序的情况下单击 html 文件来加载布局时，这是我在移动设备上获得的布局

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

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

的错误

@media (max-width: px) {
}

但我不确定。 and i have already included <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 在头部标签中。 有人可以帮我解决这个问题，这样我的应用程序就可以完美响应

Answer 1

您应该在移动浏览器中控制构图。 在你的脑海中使用元视口标签

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

Answer 2

尝试在您的（可能是“应用程序”）布局中使用stylesheet_link_tag 'application', media: 'all'（第一个参数可以是您的 css 文件的任何名称）

来自api-dock的解释

“媒体”属性将始终存在并默认为“屏幕”，因此您必须明确将其设置为“全部”，以便样式表适用于所有媒体类型。