html - 仅使用 HTML 使 GitHub README 在智能手机和台式机上看起来不同(CSS 受到限制)

Question

我有一个带有 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 在移动设备和桌面设备上看起来不一样？

Answer 1

udacity/responsive-images 是:

一个 GitHub 页面元素，可见于 udacity.github.io/responsive-images/

带有专门用于响应图像的页面，with examples .
例如:“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">