Изменение формата веб-сайта на основе размера экрана и размера окна браузера в Rails

Question

У меня есть веб-сайт, работающий на экране 1200px (большой рабочий стол). Теперь я хотел бы, чтобы это работало на разных размерах экрана и размерах окна браузера.

Проблема. Когда я уменьшаю размер экрана, некоторые вкладки, которые находятся на моем веб-сайте, становятся невидимыми.

Как это сделать в Rails. Я искал и узнал, что CSS-носитель - единственный способ сделать это. Таким образом, мы должны писать разные файлы css для каждого размера экрана. Есть ли эффективный способ сделать это в рельсах? . В зависимости от размера элементов динамически изменяются на основе размера экрана без изменения CSS-файлов?

Спасибо!

Answer 1

Для этого вам нужно использовать CSS, он не имеет ничего общего с Rails.

См http://www.1stwebdesigner.com/css/responsive-website-tutorial/

Answer 2

Я думаю, что Twitter самозагрузки простой способ создать адаптивный сайт.

Это Twitter bootstrap gem for Rails.

И это Basic tutorial (Railscasts).

Итак, вы можете следить за учебником, чтобы начать, и вы можете сделать это заранее, когда вы поймете, как это работает.

Answer 3

Это может решить вашу проблему. Тем не менее, я не уверен, но это не повредит, чтобы дать ему шанс ... Это изменит размер вашего сайта, соответственно, на размер вашего устройства.

 <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"> 

Добавьте их в ваш и между