如何使简单的HTML页面更具响应性？

Question

因此，我一直在修改一个非常简单的网页（这就是为什么这对我来说很痛苦-这是一个简单的页面），并且我一直在尝试使其响应。 我有点喜欢它在手机屏幕上的显示效果，但是我调整代码的次数越多，其他尺寸的代码就越糟糕。

所以..我真的希望我不要问太多-但是页面还是非常简单，所以这可能很容易回答..所以我就跳进去问几个问题：/

我希望页面的大型号召性用语在手机屏幕上消失，而我正在尝试使徽标居中，而电话号码位于其正下方。 我正在尝试将项目符号要点图像居中于文本的两行上方..并且联系表格正好落在它的正下方（联系表格似乎工作得很好，所以那里没什么大问题了）

我将链接该页面的实时副本作为参考-并链接到我一直在模仿的页面，以防它有所帮助。

http://lab.blacksunresearch.com/是我的页面http://landing.trugreen.com/growth29是我模仿的页面（有点）

再一次，我希望这听起来不像一堆东西，但是页面是如此简单，我可能在媒体查询中只缺少了几行代码

谢谢！

编辑：驼鹿，删除了图释-另外，我确实提出了一个问题-“如何使此页面更具响应性？”

Answer 1

打开他们的CSS并查看带有媒体查询的部分。 有你想要的。 您应该只浏览2个CSS： themeform.css themesensitive.css

Answer 2

您必须包括一些css以使其响应（自定义css，Jquery，Jquery Mobile，Bootstrap等） 。 或者，您可以简单地在一些媒体查询中放置您希望网页以不同的方式运行，即响应。