javascript - 如何使用 shinydashboard 检查 Shiny 应用程序中浏览器的浏览器宽度并相应地更改框宽度

Question

我想检测浏览器宽度。如果它太小，则触发 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%。

谢谢

Answer 1

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