仅使用 HTML 使 GitHub 的 README 在智能手机和台式机上看起来不同（CSS 受限）

Question

我有一个带有README.md文件的 GitHub 项目。我通过以下方式嵌入图像

<img src="./logo.svg" align="right" width="180px">

这是此类图像的示例。

注意： GitHub 允许使用嵌入式 HTML 但不允许使用 CSS，这就是我使用width属性而不是 css 的原因。

这样图像就占据了屏幕的右侧，允许将文本放在左侧。

问题：如果您在智能手机上打开此类链接，则文本空间太小，并且拆分的单词或字母占据整行看起来很糟糕。如果我可以使用更大的width专门用于移动设备，那就太好了。但是 GitHub 限制在 markdown 文件中使用 CSS，我不能使用@media查询。

问题：如何在不使用 CSS 的情况下使 GitHub 的 README 在移动和桌面上看起来不同？

Answer 1

udacity/responsive-images是：

• GitHub 页面项目，可见于udacity.github.io/responsive-images/
• 有一个专门用于响应式图像的页面，并附有示例。
  例如：“两张图片，宽度为 50%，有边距”，见examples/1-07/twoImages50pcWithMargin

检查他们的视口指令足以实现响应式图像，并结合他们的内联 CSS 样式。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">