无论缩放如何，如何固定徽标的位置？答案

【问题标题】：How to fix the position of a logo regardless of the zoom?无论缩放如何，如何固定徽标的位置？
【发布时间】：2019-02-13 23:27:51
【问题描述】：

我正在创建一个闪亮的应用程序，其中有两个徽标。假设这些标志是：

USGS logo;和

RStudio logo

您可以在www folder here 中找到这两个徽标。

我希望在左上方有 Rstudio 徽标，在右上方有 USGS 徽标。我使用下面的代码做到了这一点

library(shiny)
ui <- fluidPage(
fluidRow(
column(4,   
       tags$img(height = 150,
                width  = 400, 
                src    = "RStudio.png")),
column(5),
column(3,   
       tags$img(height = 150,
                width  = 400, 
                src    = "USGS.png"))))
server <- function(input,output){}
shinyApp(ui = ui, server = server)

如果缩放为 100%，它工作得很好，但是，如果我缩小（即缩放 75%），USGS 徽标会向左移动，并且不会保留在最右上角。

当我使用 ggplot2 时，我发现每当我放大或缩小时，所有绘图都会重新调整。是否可以与图例相同，无论放大或缩小都将保持在同一位置？

【问题讨论】：

您可以尝试本页列出的不同布局系统：shiny.rstudio.com/articles/…

标签： r shiny

【解决方案1】：

您的问题是绿色徽标实际上并没有被告知要放在右侧。默认情况下，所有内容从左到右排列。您的布局所做的是说“将绿色徽标水平放置在屏幕的最后 3/12 处”，因此它被放置在最右边的四分之一，但它从左边开始计数。为了证明这一点，把宽度改小一些，比如 200，你会看到绿色 logo 的左坐标和之前一样，但是因为宽度变小了，所以它的右坐标没有之前那么远了。

因此，您要做的是告诉页面实际将图像放在右侧，而不仅仅是“在页面右侧 25% 的位置”。将style = "float: right", 添加到tags$img() 的参数中

【讨论】：