我想检测浏览器宽度。如果它太小,则触发 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%。
谢谢
最佳答案
CSS 样式具有“最小宽度”选项是简单的替代解决方案。
关于javascript - 如何使用 shinydashboard 检查 Shiny 应用程序中浏览器的浏览器宽度并相应地更改框宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36223981/