针对不同显示器尺寸的Shiny webapp页面的自动调整

我已经使用R Shiny框架成功构建了一个webapp。我在这里展示了Googlemap的一些观点。现在我怎样才能自动调整HTML页面的高度和宽度，以便在不同的显示器尺寸下最适合？我试图把东西放在HTML代码中。此“tags$iframe(width="1330", height="580",”部分是在Internet Explorer中使用滚动条加载页面，但相同设置在Chrome浏览器中显示效果非常好，而且在同一台笔记本电脑显示器中没有Scrllbar。我们如何确保它在所有浏览器和设备（如选项卡，智能手机）中都很好？针对不同显示器尺寸的Shiny webapp页面的自动调整

下面是我的代码：

内部UI.r：

shinyUI(fluidPage(
    titlePanel("My webpage heading"), 
    mainPanel(
     htmlOutput("mypage") 
    ) 
))

内部SERVER.r：

shinyServer(function(input, output) { 
    addResourcePath("library", "D:/R Projects") 
    output$mypage < -renderUI({ 
     tags$iframe(width = "1330", height = "580", 
      src = "library/mypage.html") 

    }) 
})

的的mypage.html源代码顶部部分是如下：

<html> 
    <head> 
    //<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />// 
    <meta name="viewport" content="width=device-width"> 
    <meta name="viewport" content="height=device-height">

来源

2015-07-11 pmr

Auto adju由于Bootstrap框架依赖于它，所以Shiny是其中之一。

闪亮是由12列，你可以玩。

只要确保使用fluidPage并充分利用column。这样你就不需要打开蠕虫的HTML程序。

下面是一个例子：

shinyUI(fluidPage(

fluidRow( 
    column(6, 
     textOutput("text_col1_row_1")), 
    column(6 
     textOutput("text_col2_row_1"))), 

fluidRow( 
    column(6, 
     textOutput("text_col1_row_2")), 
    column(6, 
     textOutput("text_col2_row_2"))), 
    ))

这应该给你一个很好的4×4格在调整变焦将调整或查看它在不同的设备。

来源

2015-07-11 08:34:18

这是一个html页面，我使用googlemap显示了一些点.....它不是一个简单的网格 – pmr

你试过'mainPanel（width = 12）'吗？ –

针对不同显示器尺寸的Shiny webapp页面的自动调整

回答

相关问题