我有一个带有 README.md
的 GitHub 元素文件。我通过以下方式嵌入图像
<img src="./logo.svg" align="right" width="180px">
这里是 an example这样的形象。
注意:GitHub 允许使用嵌入式 HTML,但不允许使用 CSS,这就是我使用
width
的原因。属性而不是 css。这样图像就占据了屏幕的右侧,允许将文本放在左侧。
问题:如果您在智能手机上打开此类链接,则文本的空间太小,并且拆分的单词或字母占据整行看起来很糟糕。如果我可以使用更大的
width
,那就太好了专门用于移动设备。但是 GitHub 限制在 markdown 文件中使用 CSS,我不能使用 @media
查询。问题:如何在不使用 CSS 的情况下让 GitHub 的 README 在移动设备和桌面设备上看起来不一样?
最佳答案
udacity.github.io/responsive-images/
例如:“Two images, 50% width with margin”,见于
examples/1-07/twoImages50pcWithMargin
签到their viewport directives足以实现响应式图像,并结合其内联 CSS 样式。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
关于html - 仅使用 HTML 使 GitHub README 在智能手机和台式机上看起来不同(CSS 受到限制),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60195485/