我的网站正在使用1200px(大型桌面)屏幕。现在我希望这可以在不同的屏幕尺寸和浏览器窗口大小上工作。
问题:当我缩小屏幕尺寸时,我网站上的某些标签会变得不可见。
我们如何在Rails中完成它。我搜索并发现CSS - 媒体是唯一的方法。这样我们就必须为每个屏幕大小编写不同的css文件。有没有一种有效的方法在rails中执行此操作? 。因为,元素的大小会根据屏幕大小动态变化而不改变CSS文件?
谢谢!
答案 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
代码