jquery-datatables-rails。响应式扩展和移动视图
Posted
技术标签:
【中文标题】jquery-datatables-rails。响应式扩展和移动视图【英文标题】：jquery-datatables-rails. responsive extention and mobile view 【发布时间】：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">
【参考方案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属性控制允许用户放大或缩小页面的方式。
【讨论】：
以上是关于jquery-datatables-rails。响应式扩展和移动视图的主要内容，如果未能解决你的问题，请参考以下文章