将简单的html表单更改为移动兼容

我有一个非常简单的html表单（一个带有一些文本和选择字段的图像），我想将其更改为也可用于移动设备

完成这项任务最简单的解决方案是什么

我在网上找到了很多解释，但都太复杂了，无法满足我的需要。。。基本上，我只想让窗体的宽度根据设备进行调整，仅此而已：）

有没有参考一个简单的教程来解释如何对移动设备进行最基本的调整？

您可以使用它来构建一个响应性的布局

例如：

  @media (max-width: 767px) {
        .yourFormClass {
            /* Some rules */
        }
  }

  @media (min-width: 768px) and (max-width: 979px) {
        .yourFormClass {
            /* Some rules */
        }
  }

  /* other resolutions... */

我建议您阅读以下文章：

)

---

你发现了什么/尝试了什么？很多。。。我发现下面的php项目需要子域，对我来说似乎是一个开销。发现以下教程对我来说太详细了。。。我检查了一些出现在这个博客上的服务，但没有得到任何结果。。正如我所说的，我希望找到一个非常简单的示例，演示如何尽可能构建最简单的html页面，并从中继续。。