【问题标题】: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 中的移动视图。

我正在尝试:

  1. 禁用 bootstrap-sass
  2. 将 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 像素中的屏幕宽度。 (有对应的heightdevice-height 值,这对于具有根据视口高度改变大小或位置的元素的页面可能很有用。)

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

【讨论】:

    猜你喜欢
    • 2016-01-03
    • 2020-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-04
    • 2014-08-26
    相关资源
    最近更新 更多