2

我在我的包中添加了一个pkgdown站点,vcdExtra但无法弄清楚如何控制 pkgdown 构建的主页上出现的包十六进制徽标的大小,https: //friendly.github.io/vcdExtra/index.html

README.md文件包含一行以 200 像素插入图像

# vcdExtra <img src="man/figures/vcdExtra-logo.png" align="right" height="200" />

出现在 GitHub 上,如下所示

在此处输入图像描述

然而,由pkgdownindex.html构建的页面看起来是这样的,忽略了该height =属性。我怎样才能解决这个问题?我查看了其他pkgdown网站的来源,并没有发现任何实质性的不同。

在此处输入图像描述

4

1 回答 1

1

style 属性中的 height 具有优先权,并将pkgdown其设置为"auto",而 Github 看起来好像没有设置它。你的 HTML 有

<img src="reference/figures/vcdExtra-logo.png" align="right" height="200">

所以 CSS 会覆盖设置。将其设置为

<img src="reference/figures/vcdExtra-logo.png" style="float:right; height:200px;">

根据某些消息来源,它应该可以工作,或者两者都可以提高速度:

<img src="reference/figures/vcdExtra-logo.png" align="right" height="200" style="float:right; height:200px;">

速度提升背后的理论是浏览器使用 HTML 设置来设置页面,然后使用样式设置来修改它。如果没有修改,它会更快。

于 2022-02-21T10:59:46.307 回答