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

标签 html css github readme

我有一个带有 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/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">
    

    关于html - 仅使用 HTML 使 GitHub README 在智能手机和台式机上看起来不同(CSS 受到限制),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60195485/

    相关文章:

    javascript - 将图像拖放到 Canvas 中

    html - 仅当存在子类时才可以应用 CSS 样式吗?

    html - 仅隐藏第一个元素,排除没有类或 ID 的嵌套元素

    Git 添加 : Why do I have to manually specify which files to commit?

    javascript - 修复了带有 jQ​​uery 可拖动的鼠标指针

    html - 生成 html 自定义网格列表项

    jquery - Textorientation jquerymobile按钮文本输入

    javascript - 尝试让 stylize() 使用 CSS 样式分别随机选择单元格 bgcolor 和文本样式

    github - 如何在 Github Action 中使用 yarn 安装私有(private)包?

    github - Jenkins 民意调查与 webhook