jquery-datatables-rails。响应式扩展和移动视图

【问题标题】：jquery-datatables-rails. responsive extention and mobile viewjquery-datatables-rails。响应式扩展和移动视图
【发布时间】：2016-01-22 02:04:36
【问题描述】：

我用：

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 中的移动视图。

我正在尝试：

禁用 bootstrap-sass
将 responsive extra 从 1.0.5 更改为 1.0.7

当我尝试在移动模式下从 datatables.net 查看 table 时，一切正常
截图here

【问题讨论】：

在你的 HTML 中添加 <head> - <meta name="viewport" content="width=device-width,initial-scale=1">

标签： javascript jquery ruby-on-rails twitter-bootstrap-3 datatables

【解决方案1】：

在你的 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 值，它是 100% 比例的 CSS 像素中的屏幕宽度。（有对应的height 和device-height 值，这对于具有根据视口高度改变大小或位置的元素的页面可能很有用。）

initial-scale 属性控制页面首次加载时的缩放级别。 maximum-scale、minimum-scale 和 user-scalable 属性控制允许用户放大或缩小页面的方式。

【讨论】：