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

时间:2013-08-15 19:27:55

标签: css ruby-on-rails ruby-on-rails-3.1

我的网站正在使用1200px(大型桌面)屏幕。现在我希望这可以在不同的屏幕尺寸和浏览器窗口大小上工作。

问题:当我缩小屏幕尺寸时,我网站上的某些标签会变得不可见。

我们如何在Rails中完成它。我搜索并发现CSS - 媒体是唯一的方法。这样我们就必须为每个屏幕大小编写不同的css文件。有没有一种有效的方法在rails中执行此操作? 。因为,元素的大小会根据屏幕大小动态变化而不改变CSS文件?

谢谢!

2 个答案:

答案 0 :(得分:1)

我认为Twitter引导程序是一种创建响应式网站的简便方法。

这是Twitter bootstrap gem for Rails

这是Basic tutorial (Railscasts)

因此,您可以按照教程开始,当您了解它的工作原理时,您可以提前完成。

答案 1 :(得分:1)

这可能会解决你的问题......但是我不确定,但它不会伤害到它... 这将相应地调整您的网站大小。

<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代码

之间添加这些内容
相关问题