css - 在 Rails 中根据屏幕大小和浏览器窗口大小更改网站布局

Question

我有一个在 1200px（大桌面）屏幕上运行的网站。现在我希望它适用于不同的屏幕尺寸和浏览器窗口尺寸。

问题：当我减小屏幕尺寸时，我网站上的一些选项卡变得不可见。

我们如何在 Rails 中做到这一点。我搜索并发现 CSS-media 是唯一的方法。这样我们必须为每个屏幕尺寸编写不同的 css 文件。在rails中有没有一种有效的方法来做到这一点？.As in，元素的大小会根据屏幕大小动态变化，而不会更改 CSS 文件？

谢谢！

Answer 1

我认为 Twitter bootstrap 是一种创建响应式网站的简单方法。

这是Rails 的 Twitter 引导 gem。

这是基本教程（Railscasts）。

所以你可以按照教程开始，当你了解它是如何工作的时候，你可以提前做。

Answer 2

这可能会解决您的问题..但是我不确定，但试一试不会有什么坏处...这将根据您的设备大小调整您的网站大小。

<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

HEAD在您的标签之间添加这些