jquery-datatables-rails. отзывчивый и мобильный продление вид

Я использую:jquery-datatables-rails. отзывчивый и мобильный продление вид

rails 4.2.1 
gem 'jquery-datatables-rails', '~> 3.3.0' 
gem 'ajax-datatables-rails', '~>0.3.0' 
gem 'bootstrap-sass', '~> 3.3.5'

отзывчивых дополнительные работы на обычном окне браузера, при изменении размера. Но не работает на мобильных телефонах или в мобильном режиме в Chrome.

Я пробовал:

отключить самозагрузки-дерзость
изменения отзывчивых экстра с 1.0.5 до 1.0.7

, когда я пытаюсь посмотреть table из datatables.net в мобильном режиме, все в порядке
Скриншоты here

источник

2015-10-22 Zggb

Добавьте это в свой HTML после '' - '' –

Добавьте это в свой HTML после <head> тег:

<meta name="viewport" content="width=device-width,initial-scale=1">

Согласно documentation:

Типичный мобильный оптимизированный сайт содержит что-то вроде следующего:
<meta name="viewport" content="width=device-width, initial-scale=1"> 
Свойство width контролирует размер окна просмотра. Он может быть установлен на определенное количество пикселей, например width=600, или на специальное значение device-width значение, которое является шириной экрана в пикселях CSS в масштабе 100%. (Там являются соответствующими height и device-height значения, которые могут быть полезны для страниц с элементами, которые изменяют размер или положение на основе высоты окна просмотра.)

Свойства initial-scale контролирует уровень масштабирования при первой загрузке страницы. Свойства maximum-scale, minimum-scale и user-scalable управляют тем, как пользователям разрешено увеличивать или уменьшать страницу.

источник

2015-10-22 17:57:32

jquery-datatables-rails. отзывчивый и мобильный продление вид

ответ

Смежные вопросы