如何使用闪亮仪表板检查闪亮应用程序中浏览器的浏览器宽度并相应地更改框宽度答案

【问题标题】：how to check browser width of browser in shiny app with shinydashboard and change box width accordingly如何使用闪亮仪表板检查闪亮应用程序中浏览器的浏览器宽度并相应地更改框宽度
【发布时间】：2016-07-13 10:45:11
【问题描述】：

我想检测浏览器宽度。如果宽度太小，则触发css中的宽度变化。

基本上，我想改变盒子宽度，如果是移动设备，则为 50% 屏幕宽度，如果大于移动设备屏幕，则为 20$ 屏幕宽度

以下是我的代码

box(
      title = "KPI Table"
      ,div(style="display:block;width: 20%;float: left;margin: 0 10px;"
          ,selectInput('slice', 'Time View'
                   , c('Day', 'Week', 'Month', 'Quarter', 'Year')
                   , selected = 'Month'))
      , DT::dataTableOutput('KPITab')
      , status = "primary"
      , width = 12
      , collapsible = TRUE)
    )

我想使用 javascript 来检测宽度的变化，并将 div 中的值更改为 20% 到 50%。

谢谢

【问题讨论】：

使用 jQuery 是 $(window).width()
How to get browser width using javascript code?的可能重复
我不懂闪亮或 javascript，需要更多指导
您应该阅读我链接到的问题的答案，但还要注意响应式框架无论如何都应该解决浏览器宽度问题，并且 Shiny 的大多数组件默认情况下都是响应式的。 jQuery 是一个可以包含的 JS 库，它允许您使用我给出的命令检测浏览器宽度。
它是反应式的，但是，我想根据我的浏览器宽度更改我的输入

标签： javascript r shiny shinydashboard

【解决方案1】：

Css 样式有“宽度最小”选项是简单的替代解决方案。

【讨论】：

那么适用于什么元素呢？例子？