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

jquery-datatables-rails. responsive extention and mobile view

本文关键字：移动 视图 扩展 响应 jquery-datatables-rails      更新时间：2023-09-26

我使用:

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浏览器的移动视图中运行。

I'm was trying:

  1. 禁用bootstrap-sass
  2. 将响应额外从1.0.5更改为1.0.7

当我尝试在移动模式下从datatable .net查看表时，一切都很好
截图在这里

将此添加到您的HTML <head>标签后:

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

根据文档:

典型的移动优化网站包含以下内容:

<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属性控制用户如何放大或缩小页面。

相关文章：