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

Question

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

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

这是此类图像的示例。

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

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

问题：如果您在智能手机上打开此类链接，则文本空间太少，并且拆分的单词或字母占据整行看起来很糟糕。 如果我可以专门为移动设备使用更大的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">